/*-------------DPS CSS Document------------- */
* {margin:0; padding:0;}
html {height:100%; position:relative}
body {min-height: 100%; position: relative;padding-bottom:90px;font-family:'Roboto', sans-serif !important}
@media print {html {min-width:0;}}
/* body {font-size:14px; margin:0; padding:0; background: url("/infra/images/bodyBG.png?version=March2018") repeat scroll 0 0 transparent;} */
pre {font-size:14px; color:#555}
/* body.clearfix {height:99%} */
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
input::-moz-focus-inner {border: 0; padding: 0;}
input[type=submit] {-webkit-user-select: elements; -khtml-user-select: elements; -moz-user-select: elements; -o-user-select: all; user-select: element;}
img {border:0;}
h1 {clear:left; color:#606f7f; display:block; font-size:110%; font-weight:400; margin-left:10px;}
h2 {clear:left;  display:block; font-size:80%; font-weight:700; margin-left:10px;}
p {margin:0; padding:0;}
table {width:100%;}

.typeD table th.attention-table-title, .typeD2 table th.attention-table-title {background:url(/infra/images/negative.png?version=March2018) no-repeat 50% 50% !important; width:16px; min-width:16px; overflow: hidden; text-indent: -999px; font-size: 0;  line-height: 0;}
.typeD table th.attention-table-title input.sort{text-indent:-999px;background:none;}
/* .attention-record-view {background: #fbfbfb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1); padding-left: 1.5em; font-weight:700;} */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
.no_wrap {white-space:nowrap;}
.hide {display:none;}
.hide2 {display:none;}
.bgTransparent {background: no-repeat transparent;}
.font100 {font-size:100%;}
.font90 {font-size:90%;}
.font80 {font-size:80%;}
.hideText {text-indent: -100000px; font-size: 0; line-height: 0;}
.invisible {visibility:hidden;}
.bordered_input {border:#CCC 1px solid;}
.borderBottom {border-bottom:1px solid #ccc;}
.infoLabel {margin-left: -10%; font-size:0.8em; font-style:italic;}
.homePageInfo {margin-left:1em;padding-left:1.2em;padding-top:0.1em;color:#555; font-size:0.9em;background:url("/infra/images/information.png?version=March2018") no-repeat left;}
.center {text-align:center;}
a.underligned {text-decoration:underline;}
em {color:#730042; font-style:normal; font-weight:700;}
input[disabled="disabled"] {background:#dadada; color:#555;}
input[disabled] {background:#dadada; color:#555;}
input[readonly="readonly"] {background:#dadada; color:#555;}
input[readonly] {background:#dadada; color:#555;}
/* .sort, .submitAsLink {font-family:arial, verdana;} */
/* listRowActions {font-family:arial, verdana;} */
input[type="image"][disabled="disabled"] {background:#fff;}
input[type="image"][disabled] {background:#fff;}
input[type="image"][readonly="readonly"] {background:#fff;}
input[type="image"][readonly] {background:#fff;}
table input[type=checkbox] {margin-top:2px;}
table input[type=radio] {margin-top:2px;}
.payAttention {color: #ff0000}
.block {display:block;}
.block input {margin-right:0.5em;}
.alignLeft {float:left;}
.alignRight {float:right;}
.textAlignLeft {text-align:left;}
.textAlignRight {text-align:right;}
.textAlignCenter {text-align:center;}
.price {text-align:right;}
.bold {color:#333; font-weight:700;}
.italic {font-style:italic;}
.boldText{font-weight:700;}
.fieldName {font-weight:700;}
.noFloat{clear:both;}
/*was .caption */
.inactive {color:#999;}
.showLink {cursor:pointer;}
.negativeNumber, .mainContainer table td.negativeNumber {color:#d31515;}
.paddingAll {padding:0.6em;}
.paddingLeft {padding-left:1em;}
.paddingRight {padding-right:1em;}
.paddingTop {padding-top:1em;}
.paddingTopHalf {padding-bottom:0.5em;}
.paddingTopShort {padding: 0 0.1em;}
.paddingBottom {padding-bottom:1em;}
.paddingBottomHalf {padding-bottom:0.5em;}
.paddingBottomShort {padding-bottom:0.1em;}
.marginLeftSmall{margin-left:0.2em;}
.marginLeft {margin-left:1em;}
.marginRight {margin-right:1em;}
.marginTop {margin-top:1em;}
.marginBottom {margin-bottom:1em;}
.marginLeftNegative{margin-left:-1em;}
/**Workaround**/
.marginLeftNegative7{margin-left:-7%;}
/*negative margin to control the position of the userlist popup*/
.marginLeftNegative70 {margin-left: -70%}
.listNumeration {padding-right:0.5em; text-align:right; float:left;}
table .listNumeration {float:none;}
/*New class that will be used instead of scrolltable, scrolltable2, scrolltable3 etc.... both classes verticalscroll and height must be used to work */
.verticalScroll {overflow-x:hidden; overflow-y:auto;}
.height1 {height:1px;}
.height2 {height:2em;}
.height3 {height:3px;}
.height7 {height:7em;}
.height8AndHalf {height:8.5em;}
.height1AndHalf {height:1.5em;line-height:1.5em/9;}
.height10 {height:10em;}
.height18 {height:18em;}
.height20 {height:20em;}
.height23 {height:23em;}
.height30 {height:30em;}
.minHeight10{min-height:10em;}
.horizontalScroll {_padding-bottom:1.5em; overflow-x:auto; overflow-y:hidden;}
.entireScroll {overflow:auto;}
.width1em {width:1em;}
.width2em {width:2em;}
.width3em {width:3em;}
.width4em {width:4em;}
.width5em {width:5em;}
.width6em {width:6em;}
.width7em {width:7em;}
.width5px {width:5px;}
.width10px {width:10px;}
.width15px {width:15px;}
.width15px {width:20px;}
.width25px {width:25px;}
.width30px {width:30px;}
.width20em {width:20em;}
.width25em {width:25em;}
.width30em {width:30em;}
/*_padding-bottom:1.5em is For IE */
.width98 {width:98%;}
/*end of use of scroll, many classes for height can be added depending of the needs  */
.width1 {width:1%;}
.width2 {width:2%;}
.width3 {width:3%;}
.width4 {width:4%;}
.width5 {width:5%;}
.width6 {width:6%;}
.width7 {width:7%;}
.width8 {width:8%;}
.width10 {width:10%;}
.width12 {width:12%;}
.width14 {width:14%;}
.width15 {width:15%;}
.width16 {width:16%;}
.width18 {width:18%;}
.width19 {width:19%;}
.width20 {width:20%;}
.width21 {width:21%;}
.width22 {width:22%;}
.width24 {width:24%;}
.width25 {width:25%;}
.width26 {width:26%;}
.width28 {width:28%;}
.width29 {width:29%;}
.width30 {width:30%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width46 {width:46%;}
.width49 {width:49%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width56 {width:56%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width66 {width:66%;}
.width69 {width:69%;}
.width75 {width:75%;}
.width70 {width:70%;}
.width79 {width:79%;}
.width80 {width:80%;}
.width85 {width:85%;}
.width90 {width:90%;}
.width100 {width:100%;}
.width150 {width:150%;}
.width200 {width:200%;}
.width250 {width:250%;}
.width300 {width:300%;}
.width350 {width:350%;}
.width400 {width:400%;}

.widthAuto {width:auto;}
/*css3 background gradients*/
.bgGradient_d2d2d2_To_ebebeb {background-color:#ebebeb;background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#ebebeb)); background: -moz-linear-gradient(top,  #d2d2d2,  #ebebeb);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#ebebeb');}
/*****/
/*css3 Rounded corners*/
.roundedCorners5 {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
/****/
/*widths for icons  */
.iconWidth16Px input.submitableIcons {width:16px;}
.grey {background:#f9f9f9;}
.mockup {background:#fefbe7;}
.emptyTable {height:15em; margin-bottom:1em; margin-top:1em;}
.cleared {clear:both; height:0;}
/*-------------topbar------------- */
#header {background:url(/infra/images/bg_strip_topbar.jpg?version=March2018) repeat-x; border-bottom:4px solid #ed3841; height:58px; width:100%;}
#logoContainer {padding-left:0.8em; width:35%;}
#logoContainer img {padding-bottom:0.2em; padding-left:0.2em; padding-top:0.1em;}
/*-------------MainNav------------- */
#mainNavContainer {clear:left; height:20px; margin-bottom:0; width:100%;}
#mainNavContainer ul {float:left; padding-left:0; width:90%;}
#mainNav {clear:right; color:#555; float:left; height:20px; list-style-type:none; margin:0; padding:0;}
#mainNav li {float:left; font-size:80%;}
#mainNav li.selectedNavItem a {color:#fff;}
#mainNav li.selectedNavItem {color:#D6D6D6;}
#mainNav li.lastNavItem {float:right; font-weight:700;}
/*used for logout */
#mainNav li a {color:#555; float:left; margin:0.2em 1em 0; padding-left:0.5em; padding-right:0.5em; text-decoration:none;}
#mainNav li a:hover {color:#fff;}
#mainNav li span {background:url(/infra/images/vseparator_main_nav.png?version=March2018) no-repeat right; float:left; height:22px; width:1px;}
/* ----------Sub Nav Bar---------------  */
#subNavContainer {vertical-align:text-top; width:60%;}
#subNavContainer ul {height:26px; list-style-type:none;}
#subNav {float:right; padding-right:0.2em; padding-top:0.2em;}
#subNav li {float:left; font-size:75%; font-weight:400; margin:0.2em 0.2em 0; padding-left:0; padding-right:0;}
#subNav li a {margin:0.2em 0.2em 0; padding-left:3px; padding-right:3px; text-decoration:none;}
#subNav li a:hover {text-decoration:underline;}
#subNav li span {border-right:1px solid #96A2A9; color:#555;}
#subNav li span.separator {background:url(/infra/images/vseparator_sub_nav.png?version=March2018) no-repeat right; display:none; height:22px; width:1px;}
/*-------------Content Wrap------------- */
#contentWrap {height:100%; margin:6px auto 0; text-align:center; width:98%;}
/*Forms */
#formNav {border-bottom:1px solid #D7DDE3; height:14px; margin-top:0; padding:5px 10px;}
#formNavWide {border-bottom:1px solid #D7DDE3; height:14px; margin:0; padding:5px 0; width:100%;}
/*list */
#mainArea {background:#fff; color:#555; font-size:80%; font-weight:400; height:auto; margin-left:1em; margin-top:12px; text-align:left; width:99%;}
#mainArea table {margin-bottom:1em; margin-top:0;}
#mainArea table td {border-bottom:1px solid #D7DDE3; color:#555; height:1.5em;}
#mainArea table th {background:#fff; border-bottom:1px solid #D7DDE3; border-top:1px solid #D7DDE3; color:#555; height:26px; text-align:left;}
#mainArea table th a {text-decoration:underline;}
#mainArea table th a img {padding-left:3px; vertical-align:middle;}
/*Button Style */input.button {background:url(/infra/images/bg_btn.png?version=March2018) repeat-x; border:1px solid #CCC; cursor:pointer; font-size:90%; font-weight:700; height:17px; /*margin-right:5px; padding-left:5px; padding-right:5px; */text-align:center;}
#go {width:70px;}
#bigButton {border:1px solid #000; color:#fff; font-size:100%; height:auto; margin-bottom:1em; margin-top:0.5em; padding:1px; width:70px;}
#addCon {margin:0; padding:0; text-align:center; width:110px;}
/*Span Button Style */span.buttonLink {background:url(/infra/images/bg_btn.png?version=March2018) repeat-x; border:1px solid #CCC; cursor:pointer; float:left; font-weight:700; height:auto; margin-right:5px; padding:0 5px; text-align:center;}
span.buttonLink a {text-decoration:none;}
span.buttonLink a:hover {text-decoration:none;}
/*fix for materialflowdetails */
.disable {color:#32322f; cursor:default;}
/*lobby + home */
.lobbyLeft {float:left; margin-top:0; padding-top:0; vertical-align:top; width:59%;}
.lobbyRight {float:right; margin-top:0; padding-top:0; vertical-align:top; width:40%;}
#sub {height:188px;}
#data {height:188px;}
#mainAreaLobby {_height:460px; background:url(/infra/images/bg_strip_breadCrumbs.png?version=March2018) repeat-x top #fff; border-top:1px solid #D7DDE3; color:#555; font-size:80%; font-weight:400; height:auto; margin-left:auto; margin-top:0; min-height:460px; text-align:left; width:auto;}
#mainAreaLobby.home {height:auto;}
#mainAreaLobby div {padding:1em 1em 1em 4em;}
#mainAreaLobby div.messages {border-bottom:1px solid #D7DDE3; margin-left:-2em;}
#mainAreaLobby div ul {line-height:100%; list-style:outside; list-style-image:url(/infra/images/bullet_square.png?version=March2018); margin-top:0.5em;}
#mainAreaLobby div li {margin-left:1.4em;}
#mainAreaLobby div img {margin:0; padding:0;}
#mainAreaLobby h1 {font-size:100%; font-weight:700; margin-left:0; text-align:left;}
/*home */
#mainAreaLobby.home div {padding:1em 1em 1em 4em;}
#mainAreaLobby.home div ul {line-height:140%; list-style:none; list-style-image:none; margin-top:0.5em;}
#mainAreaLobby.home div li {margin-left:0;}
#mainAreaLobby.home div li span {margin-right:1em;}
#mainAreaLobby.home span.icon {float:left; margin-left:-3.5em;}
.panelLobby {background:#fff; border-bottom:0.5em solid #dadada; border-top:0 solid #D7DDE3; clear:both; color:#555; font-size:80%; font-weight:400; margin-bottom:0; margin-left:0; margin-top:0; padding-bottom:10px; text-align:left; width:100%;}
.panelLobby div {height:auto; margin-top:0; min-height:1em; padding-left:1em; padding-top:1em;}
.panelLobby div ul {line-height:110%; list-style:outside; list-style-image:url(/infra/images/bullet_square.png?version=March2018); margin-left:0.5em; margin-top:0.5em; padding-left:1em; vertical-align:baseline;}
.panelLobby div ul.alignLeft {width:44%;}
.panelLobby div ul.alignRight {width:44%;}
.panelLobby div li {margin-left:0.5em;}
#producersInsert {background:url(/infra/images/bg_strip_breadCrumbs.jpg?version=March2018);}
/*lobby panels */
#quickLinksPanel {min-height:70px;}
#quickLinksPanel strong {display:block;}
#searchPanel input {border:#CCC 1px solid; width:70%;}
#searchPanel input.button {height:18px; width:auto;}
#chartsPanel {margin:auto auto -5px; text-align:center;}
#shortcutsPanel {height:79px; min-height:80px;}
#shortcutsPanel strong {display:block;}
/*home panels */
.panelLobby div div.thumbsContainer {margin:5px 0 0 -6px; padding:0;}
.panelLobby div div.thumbsContainer a {margin:0 0 0 -1px; padding:0;}
#shortcutsPanelHome {height:64px; min-height:68px;}
#shortcutsPanelHome strong {display:block;}
/*main screen types */
/* .contentWrap {height:70%; margin-left:auto; margin-right:auto; margin-top:0.3em; padding-bottom:0.5em; width:98%;} */
/*Removed to fix the problem on: /mng/action/sipRuleListAction.do
.contentWrap ul li.error {list-style-image:url(/infra/branding/icons/icon_error.png?version=March2018); font-size:70%; text-align:right; padding-right:0.2em; padding-top:0em; padding-bottom:0em; margin-top:-15px; margin-bottom:-4px; margin-right:0px;}
 breadcrumbs */
.breadCrumbs {clear:left; background:url(/infra/images/thin/icon_fulfillment.png?version=March2018) no-repeat 0.5em center #fff; color:#555; font-size:80%; font-weight:700; height:1.9em; line-height:1.7em; padding:0; text-align:left; width:auto; border-bottom: 3px solid #dadada;}
.breadCrumbs span {display:block; padding-left:4em; font-size:90%}
.breadCrumbs span a {color:#777; text-decoration:underline;}
.breadCrumbs span a:visited {color:#777; text-decoration:underline;}
.breadCrumbs span a:hover {color:#555; text-decoration:underline;}
/* not in use --- Diana 23/09/2008 --- .breadCrumbs span a img {margin:0px; padding:0px; border:none; width:none; margin-right:-4px;}  */
.breadCrumbs div.notes {background:#fdef70; color:#000; float:left; font-weight:400; margin:0.3em 4em 0; padding:0.1em 0.5em; text-align:left; width:70%;}
.breadCrumbs div.alignRight span img, .resource_mng div.alignRight span img, .data_management div.alignRight span img, .selection div.alignRight span img, .acquasition div.alignRight span img, .submition div.alignRight span img, .fulfilment div.alignRight span img, .preservetion div.alignRight span img, .initial_config div.alignRight span img, .advanced_config div.alignRight span img, .monitoring_reports div.alignRight span img {vertical-align: middle; margin-top: 0.2em;}
/*fixed space issue between wizard images (numbers) mainContainer */
.mainContainer {_height:410px; background:#fff; color:#555; font-size:14px; font-weight:400; min-height:410px; text-align:left; width:100%;}
/* .mainContainer a{text-decoration: underline} */
/* .mainContainer table {margin-bottom:1em; margin-top:0;  border-spacing:0 1px;  background-color:#fff;} */
/* .mainContainer table.jsCustomizableList td a.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} */
/* .mainContainer table td {border-bottom:1px dotted #ccc; color:#555; height:1.5em;} */
/* .mainContainer table td.listActionContainer{overflow:visible !important} */
/* .mainContainer table th {border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; color:#fff; height:26px; text-align:left;} */
/* .mainContainer table th.price {text-align:right;} */
/* .mainContainer table th.center {text-align:center;} */
/* .mainContainer table th a:hover {color:#fff;} */
/* .mainContainer table th a img {padding-left:3px; vertical-align:middle;} */
/*more information style */
.info {vertical-align:middle; width:10%;}
.info a:visited {color:red; text-decoration:underline;}
.info a:link {color:red; text-decoration:underline;}
.info a img {margin-left:0; padding:0; vertical-align:bottom;}
#link a {color:#555; text-decoration:underline;}
.lightLink a {color:#555;}
.lightLink a:visited {color:#555;}
.lightLink a:hover {text-decoration:underline;}
/*Type A Drawer: general info, brief */
.typeA {margin-bottom:-0.5em; padding-left:4em; padding-top:0.5em;}
.typeA table {width:90%;}
.typeA table th {border:0; height:auto; white-space:nowrap;}
.typeA table td {border:0; height:auto;}
.typeBirtReport {height:1000px;}
/*Divider */
.dividerA {background:#dadada; border:none; clear:both; color:#dadada; height:3px; width:100%;}
.dividerB {background:#dadada; border:none; clear:both; color:#dadada; width:100%;}
/*Type B: Drawer Title, Title */
.typeB {border-bottom:1px solid #D7DDE3; border-top:1px solid #D7DDE3; width:100%;}
.typeB a {margin-left:4em;}
.typeB a img {padding-top:3px; vertical-align:bottom; padding-left: 0.3em; float:left; height:12px;}
.typeB span {font-weight:700; margin-left:0.5em; vertical-align:bottom; text-shadow:1px 1px 2px #fff;}
.typeB span.title {float:left; font-weight:700; margin-left:4em; margin-right:1em; padding-top:4px;}
.typeB span.text {float:left; font-weight:400; padding-top:4px;}
.typeB div.hForm form {padding-top:2px;}
.typeB div.hForm input {width:3em;}
.typeB span.errorMsg {color:#E10101; font-weight:700;}
/*Style for the navigation in the side by side matching (MARC)*/
.typeB span.navigation {float:right;  border-left:1px solid #cccccc; background-color: #ffffff; margin-left:0; height:25px; line-height:25px;}
.typeB span.navigation input {font-size:100%; font-weight:bold; border:none; background-color: #ffffff; height:25px;}
.typeB span.navigation input:hover {text-decoration:none; background-color:#f2f2f2; cursor:pointer;}
.typeB span.navigation span {width:1px; border-left: 1px solid #dadada; margin-left:2px; height:20px;}
.typeB span.navigation input[type="submit"][disabled] {color:#ccc; cursor:default;}
/*Type B2: Title + simple horizontal form */
.typeB2 {background:#fff; border-bottom:3px solid #D7DDE3; height:30px; margin:0; padding:0; width:100%;}
.typeB2 a {margin-left:4em;}
.typeB2 a img {padding-top:3px; vertical-align:bottom;}
.typeB2 span {font-weight:700; margin-left:0.5em; vertical-align:bottom;}
.typeB2 span.title {clear:right; float:left; font-weight:700; margin-left:4em; padding-right:1em; padding-top:4px;}
.typeB2 span.wizardTitle {float:left; font-weight:700; margin-left:4em; padding-right:1em; padding-top:1em;}
.typeB2 span.subTitle {float:left; font-weight:700; margin-left:4em; padding-right:1em; padding-top:1em;}
.typeB2 div.hForm form {padding-top:2px;}
.typeB2 div.hForm input {width:3em;}
/*Type B3: Group Title for tables  */
.typeB3 {background:#fff; border-bottom:0 solid #D7DDE3; height:20px; margin:0; padding:0; width:90%;}
.typeB3 span.groupTitle {font-weight:700;}
/*Type C: two columns form */
.typeC {margin:0 auto; width:99%; clear:both;}
.width100 {width:100%;} /*copied here for the patron screen, it should rewrite the width of the typeC*/
/* fieldset legend {margin-left:1em;} */
.typeC table {width:90%;}
.mainContainer .typeC table {background-color: transparent;}
.mainContainer .typeC table th, .mainContainer .typeA table th {color:#555;} /*must be removed, it offer support for jsp old forms*/
.typeC table th {border:0; height:auto; padding-top:2px; vertical-align:top; white-space:nowrap;}
.typeC table td {border:0; height:auto; padding-right:4px; padding-top:2px; vertical-align:middle;}
.typeC table td img {padding-right:0; vertical-align:top;}
.typeC table td img.error {float:right; margin-top:-2px;}
/*Removed because of trouble with calendar and lookup icons on 078-Advance-Search-and-results.htm .typeC table td a {vertical-align:top;} */
.typeC table td label {padding-right:10px;}
.typeC table td fieldset {border:0; width:auto;}
.typeC table td fieldset label {padding-right:0.5em;}
/*radio button hspace */
.typeC table td.paddingRight {margin:0; padding-right:0; text-align:right;}
.typeC table td a img.fieldIcon {float:right; margin-right:0; padding-right:0; padding-top:1px; text-align:right; vertical-align:middle;}
.typeC input, input[type="password"] {vertical-align:middle; width:100% padding-top:1px; _height:23px; min-height:23px;}
.typeC input.year {vertical-align:top; width:33%;}
.typeC input.narrow {width:78%;}
.typeC input.radio {vertical-align:middle; width:auto;}
.typeC input#Days {width:5%;}
.typeC textarea {width:100%;}
.typeC textarea.narrow {width:87%;}
.typeC select {width:100%;}
.typeC select.long {width:100%;}
.typeC select.small {width:52%;}
.typeC select.date {width:22%;}
.typeC select.time {width:22%;}
.typeC table td span.mandatory {float:right;}
.typeC div.scrollTable {height:22.5em; overflow:auto; overflow-x:hidden;}
.typeC div.scrollTable2 {height:18em; overflow:auto; overflow-x:hidden;}
.typeC td input.fieldWithIcon {float:left; margin:0; padding:0; width:80%;}
.typeC td.small input {margin:0; padding:0; width:auto;}
.typeC input.widthAuto {margin:0; padding:0; width:auto;}
.typeC td.small a img {padding-top:2px; vertical-align:middle;}
.typeC td.small a img.calendar {margin-top:-4px; padding-top:0;}
.typeC td.small select {margin:0; padding:0; width:24%;}
.typeC td.small select.calendar_year {width:30%;}
#user.expiryDateDummyyear {margin:0; padding:0; width:30%;}
/*
form structure convertion from table to divs
 */
 .formHiglightLines .line:hover{background-color:#fff;}
.typeC div.formDiv {padding-bottom:0;}
/*was 1em, but removed as there is a final fix for the overfloating div items .typeC div.formDiv:after is the final fix for the overflowing items in the divs */
.typeC div.formDiv:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.typeC div.formDiv div.line {clear:both; margin-bottom:0.3em;}
.noBottomSpace div.formDiv div.line {margin-bottom:0;}
/*; min-height:1.7em; added on 06/04/2010 */
.typeC div.formDiv div.line div {float:left;}
/*.typeC div.formDiv div.line div span {font-weight: bold;}removed to fix the problem with the bold in form generator, now "fieldName" is used to make the headers bolded */
.typeC div.formDiv div.line div fieldset legend {display:none;}
.typeC div.formDiv div.line div input.radio {width:auto;}
.typeC div.formDiv div.line div input.button {padding:0 0.25em; width:0; overflow:visible; height:18px;}
.typeC div.formDiv div.line div input.button[class] {width:auto;}
.typeC div.formDiv div.last div {padding-bottom:0.5em;}
.typeC div.formDiv div.last div.fieldCell {padding-bottom:0;}
/*was "margin-bottom:0.5em", but removed as there is a final fix for the overfloating div items */
.typeC select.width102 {width:102%;}
.typeC div.formDiv div.line div.small select {margin:0; width:26%;}
.typeC div.formDiv div.line div.small img {vertical-align:middle;}
.typeC div.formDiv div.line div.small img.calendar {vertical-align:top; float:right; margin-top:5px;}
.typeC div.formDiv div.line div.advancedSearchCalendar img.calendar {margin-top:1px}
.typeC div.small input {float:left; margin:0; padding:0; width:100%;}
.typeC div.small input[type="text"][disabled], .typeC div.small input[type="text"][readonly] {color: #999; text-shadow: 1px 0 #ddd; background-image: none;}
.typeC div.pickup input {float:left; margin:0; padding:0; width:72%;} /*fix the width of the pickup*/
.typeC .small input[disabled].pickup {background:url(/infra/images/look-up-disabled.png?version=March2018) no-repeat center center;}
.typeC div.small div.pickup {background:url(/infra/images/look-up.png?version=March2018) no-repeat center center; float:left; height:18px; width:23px;}
.typeC .formDiv div.small input.pickup {text-indent: -1000000px; -webkit-border-radius: 5px;  border-radius: 5px; -moz-border-radius: 5px; margin-left:-27px; margin-top:1px; width:24px}
.typeC .formDiv div img {vertical-align:top}
.typeC .formDiv input[type="submit"].pickupReset {width:17px}
.typeC .formDiv div.small input.pickupWhenSelected {margin-left: -50px}
.typeC div.small div.pickup-disabled {background:url(/infra/images/look-up-disabled.png?version=March2018) no-repeat center center; cursor:text; float:left; height:18px; width:34px;}
.typeC .small input.pickup {border: 0; background:url(/infra/images/look-up.png?version=March2018) no-repeat #fff center center; float:left; margin-top; 1px; height:16px; width:23px; cursor:pointer; text-indent:-1000000px; font-size:0; display:block; line-height:0;}
.typeC .small input.pickup-disabled {border: 0; background-repeat: no-repeat; background-image:url(/infra/images/icon_lookup-disabled.png?version=March2018) no-repeat center center; float:left; height:18px; width:34px; cursor:text;  text-indent:-1000000px; font-size:0; display:block; line-height:0;}
.typeC div.small div.pickup input {-moz-opacity:0; cursor:pointer; filter:alpha(opacity=0); height:18px; opacity:0; width:34px; text-indent:-1000000px; font-size:0; display:block; line-height:0;}
/*new classes for the currency control*/
.typeC div.formDiv div.line span.currency select {width: 38%;}
.typeC span.currency input {width:59%; text-align:right; margin-right:1%; float:left;}
.typeC span.currency select { float:right; text-align:right;}
.userPicture {height:70px; width:85px;}
.userPicture img {height:98px; width:95px;margin-left:-13px;margin-top:-1px}
.collectionIcon{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; margin-left: auto;margin-right: auto;margin-top: 0.2em;position: absolute;width: 140px;height:padding: 5px;text-align:center;height:8em;padding:5px;}
.collectionIcon img{max-width:95%;max-height:100%;}
.jobReportError, .jobReportWarning, .jobReportSuccess{width: 140px;padding: 5px;height:5em;padding-left:50px;text-align:center;padding-top:8px; height: 5em;margin-left: 10px;margin-top: 1.5em;padding: 8px 5px 5px 50px;position: absolute;width: 140px;}
.jobReportWarning{background: url('/infra/images/warning_msg.png?version=March2018') no-repeat;}
.jobReportSuccess{background: url('/infra/images/success_msg.png?version=March2018') no-repeat;}
.jobReportError{background: url('/infra/images/error_msg.png?version=March2018') no-repeat;}
.jobReportError span, .jobReportWarning span, .jobReportSuccess span{width:90px;font-weight:bold;display:block;}
.jobReportWarning span{color:#843e0b;width:100px;}
.jobReportSuccess span{color:#1e6708}
.jobReportError span{color:#a40c0c}
/* .browseFile {height:24px;} */
/*remove space between two forms*/
.nospaceBottom {padding-top:0;}
.nospaceTop div.formDiv div.last div {padding-bottom:0;}
.leftMarginA {padding-left: 1em;}
.leftMarginA div.formDiv div.line {_height:15px; clear:both;}
.leftMarginA div.formDiv div.line select {width:95%;}
.leftMarginA div.formDiv div.line input[type="text"] {width:95%;}
.leftMarginA div.formDiv div.line textarea {width:95%;}
.leftMarginA div.formDiv div.line div.small input[type="text"] {width:auto;}
.leftMarginA div.formDiv div.line div.small input.fieldWithIcon [type="text"] {width:87.2%;}
/*lookup icon in submit button for advance search page */input.lookup {background:url(/infra/branding/icons/icon_lookup.png?version=March2018) no-repeat center top; border:0; cursor:pointer; height:18px; width:34px;}
*html .typeC td.small img {margin-bottom:3px; margin-left:0; padding-left:0;}
/*Type C2: one column form */
.typeC2 {padding-left:1em; padding-top:1em; clear: both}
.typeC2 table {width:40%;}
.typeC2 table th {border:0; height:auto;}
/*for test only */
.typeC2 table td {border:0; height:auto; padding-right:6px; padding-top:2px;}
.typeC2 table td fieldset {border:0; width:auto;}
.typeC2 table td fieldset label {padding-right:0.5em;}
/*radio button hspace */
.typeC2 input {width:100%;}
.typeC2 input.radio {width:auto;}
.typeC2 textarea {font-family:Arial, Verdana, sans-serif; font-size:100%; width:100%;}
.typeC2 textarea.readonly {background:#f1f1f1;}
.typeC2 select {width:100%;}
.typeC2 table td span.mandatory {float:right;}
.typeC2 td.small input {margin:0; padding:0; width:auto;}
.typeC2#error {background:#FAFAFA; border-bottom:solid 1px #D7DDE3; padding-bottom:0.5em; padding-top:0.3em;}
.typeC2#info {background:#FAFAFA; border-bottom:solid 1px #D7DDE3; padding-bottom:0.5em; padding-top:0.3em;}
/*Type C3: one column form */
.typeC3 {padding-left:4em; padding-top:1em;}
.typeC3 table {width:90%;}
.typeC3 table th {border:0; height:auto; white-space:nowrap;}
.typeC3 table td {border:0; height:auto; padding-right:6px; padding-top:2px;}
.typeC3 table td fieldset {border:0; width:auto;}
.typeC3 table td fieldset label {padding-right:0.5em;}
/*radio button hspace */
.typeC3 input {width:100%;}
.typeC3 input.radio {width:auto;}
.typeC3 textarea {font-family:Arial, Verdana, sans-serif; font-size:100%; width:100%;}
.typeC3 textarea.readonly {background:#f1f1f1;}
.typeC3 select {width:100%;}
.typeC3 table td span.mandatory {float:right;}
.typeC3#error {background:#fafafa; border-bottom:solid 1px #D7DDE3; padding-bottom:0.5em; padding-top:0.3em;}
.typeC3#info {background:#fafafa; border-bottom:solid 1px #D7DDE3; padding-bottom:0.5em; padding-top:0.3em;}

/****
typeC4 - A form where the label is above the field. For now, the class typeC4 only affects the html layout in the FormBuilder and doesn't specify additional styles.
The type will also be used to define a inline quick add form when the attribute is_inline_quick_add=true is specified on the x_form.
is defined together with typeC and using pretty much the same styles,
other than those which are specific to the quick add form
****/
.typeC4{padding-top:1em;}
.typeC4 .quickAddFieldSet .quickAddTitleContainer{position:relative; top:-0.8em;left:-0.5em;}
.typeC4 .quickAddFieldSet .quickAddTitleContainer .quickAddTitle{font-weight:bold;position:relative; top:-0.5em;background-color:#F4F4F4;}
.typeC4 .quickAddIcon{position:relative; right:0.2em;}
.typeC4 .quickAddFieldSet{border:1px solid #ccc;border-radius:5px;margin-left:5%;;padding-bottom:1em;display:inline-block;min-width:20%;margin-bottom:1em;margin-top:1em;}

/*Type D: table, table with actions */

/*it will replace .center for the elements in tables
manual use of center must be change by the new class*/
th.date, td.date {text-align:center;}
th.picture, td.picture {text-align:center;}
/*****************************************************/
.typeD {clear:both; /*padding-top:0.5em;*/}
.typeD table {height:auto; width:100%; border:1px solid #efefef}
.table150 table {width:150%;}
.typeD table th, .typeD2 table th {border-top:1px solid #ddd; border-right:1px solid #bbb; height:25px; margin-right:0; padding-right:0;}
.typeD table th{border-right:2px solid #efefef;}
.typeD table th a {margin:0; padding:0;}
.typeD table th a:visited {margin:0; padding:0;}
.typeD table td {height:auto; padding-right:4px; vertical-align:top; border-right:2px solid #fff;}
.typeD table td a img {margin:0; padding:0;}
/*fix the bug on /userDetails.do? where the "active" img is not center */
.typeD ul {list-style:none;}
.typeD table th.actionTitle {color:#fff;}
.typeD fieldset {border:0;}
.typeD fieldset legend {color:#555; font-weight:700; height:2em; margin-bottom:0; margin-top:0.5em;}
.typeD fieldset td {border:0;}
.typeD select {width:100%;}
/* .typeD textarea {width:90%;} */
.typeD div.scrollTable {height:18em; margin-bottom:0.5em; overflow:auto; overflow-x:hidden; width:99%;}
.typeD table td.blue a {color:blue;}
.typeD table td.empty {border-bottom:none; height:20px;}
.typeD table td.number {padding-right:8px; text-align:right;}
.typeD table th.number {padding-right:8px; text-align:right;}
.typeD div.scrollTable2 {height:10em; margin-bottom:0.5em; overflow:auto; overflow-x:hidden;}
.typeD div.narrow {padding-left:2em; padding-right:2em; width:50%;}
/* .typeD table th input.sort {background:transparent; border:none; cursor:pointer; font-weight:700; overflow:visible; padding:0; text-decoration:underline; width:auto;} */
.submitAsLink {background:transparent; border:none; cursor:pointer; font-weight:400; overflow:visible; padding:0; text-decoration:underline; width:auto; white-space: normal; text-align:left; font-size:100%;}
.typeD table td input.submitAsLink {width:auto; font-family: arial; text-decoration: underline; font-size: 90%; float: left;}
.typeD table td span.buttonAction input.submitAsLink {text-decoration: none; white-space:nowrap;}
.submitAsLink:hover {text-decoration:underline;}
.typeD table td input {width:100%;}
.typeD table td input[type="password"]{_height:1em; min-height:1em;}
.typeD table td input.radio {width:auto;}
.typeD table td input.image {width:auto;}
.typeD table td input.dateReset {text-indent: -100000em; display: inline-block; margin-left: -18px; margin-top: 1px; vertical-align: top; background:url('/infra/images/broom.png?version=March2018') no-repeat transparent; width:17px; height:16px; border:none; cursor: pointer;}
/* .typeD table td input.hasDatepicker[type="text"]{width:99%;} */
/***Customizable lists***/
.typeD table.jsCustomizableList .dragHandler:hover{cursor: move;}
.typeD table.jsCustomizableList .dragHandler{text-indent: inherit;min-width: 3px;}
.typeD table.jsCustomizableList th {white-space:normal;overflow:hidden}
.typeD table.jsCustomizableList td {overflow:hidden;text-overflow:ellipsis;}
.typeD table.jsCustomizableList {table-layout:fixed}
/*Draggable*/
.typeD .dragtable-sortable {list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;overflow:hidden}
.typeD  .dragtable-sortable li {margin: 0; padding: 0; float: left; font-size: 1em; background: white;}
.typeD  .dragtable-sortable th, .typeD .dragtable-sortable td{border-left: 0px;}
.typeD  .dragtable-sortable li:first-child th, .typeD .dragtable-sortable li:first-child td {border-left: 1px solid #CCC;}
.typeD .ui-sortable-helper {opacity: 0.7;filter: alpha(opacity=70);}
.typeD .ui-sortable-placeholder {-moz-box-shadow: 1px 2px 1px #C6C6C6 inset;-webkit-box-shadow: 1px 2px 1px #C6C6C6 inset;box-shadow: 1px 2px 1px #C6C6C6 inset;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;visibility: visible !important;background: #EFEFEF !important;visibility: visible !important;}
.typeD .ui-sortable-placeholder * {opacity: 0.0; visibility: hidden;}
/*Resizable*/
.typeD .rc-handle-container {position: relative;}
.typeD .rc-handle {position: absolute;width: 7px; cursor: ew-resize;margin-left: -3px;z-index: 2;}
.typeD table.rc-table-resizing {cursor: ew-resize;}
.typeD table.rc-table-resizing thead,
.typeD table.rc-table-resizing thead > th,
.typeD table.rc-table-resizing thead > th > a {cursor: ew-resize;}
/*wide table */
#wideTable {margin-bottom:1em; margin-left:0; padding-left:10px; padding-right:10px;}
.typeD table.wideTable {margin:0; padding-left:0; padding-right:0; width:99%;}
.typeD table.wideTable tr {margin:0; padding:0; width:auto;}
.typeD table.wideTable th {margin:0; padding-left:2px; padding-right:2px; vertical-align:top;}
.typeD table.wideTable th.center {margin:0; padding-left:1px; text-align:center;}
.typeD table.wideTable th.input {vertical-align:middle;}
.typeD table.wideTable td {margin:0; padding-left:2px; padding-right:1px;}
.typeD table.wideTable td.center {margin:0; padding:0; text-align:center;}
.typeD table.wideTable td.center a {margin:0; padding:0 1px; text-align:center;}
.typeD table.wideTable td.moreOptions {width:auto;}
.typeD table.wideTable td.number {padding-right:8px; text-align:right;}
.typeD table.wideTable th.number {padding-right:8px; text-align:right;}
.typeD table th.wrapIt {white-space:normal;}
.breakWord {word-break: break-all;}
/*narrow table */
#narrowTable {margin-left:0; padding-left:10px; padding-right:10px;}
.typeD table.narrowTable {margin:0; padding-left:0; padding-right:0; width:70%;}
.typeD table.narrowTable tr {margin:0; padding:0; width:auto;}
.typeD table.narrowTable th {margin-right:0; padding-right:0; width:auto;}
.typeD table.narrowTable td {margin:0; padding:0; width:auto;}
.typeD table.header {width:50%;}
.typeD table.header th {border:none; height:auto; margin-right:0; padding-right:0; white-space:nowrap; width:auto;}
.typeD table.header td {border:none; height:auto; margin-right:0; padding-right:0; white-space:nowrap; width:auto;}
.typeD table.header select {width:75%;}
.typeD table.header td img {margin-top:-3px; vertical-align:middle;}
.typeD div.scrollTable fieldset ul {margin:0; padding:0 0 0 0.5em;}
.typeD div.scrollTable fieldset ul li {line-height:1.3em; margin:0; padding:0;}
.typeD div.popTable ul {margin:0; padding:0 0 0 0.5em;}
.typeD div.popTable ul li {line-height:1.3em; list-style:none; margin:0; padding:0;}
table td.red {color:red; font-weight:700; text-align:center;}
table td.redCell {color:red;}
table td.red a:link {color:red; font-weight:400; text-decoration:underline;}
table td.red a:visited {color:red; font-weight:400; text-decoration:underline;}
table td.green {color:#999; font-weight:400; text-align:center;}
/*Type D2: table with checkboxes
.typeD2 {clear:both; height:auto; margin-top:0.5em; padding-left:1.5em;}
/*we must make a separation between the scroll and the height
.typeD2 div.scrollTable {height:11em; margin-bottom:1.5em; overflow:auto; overflow-x:hidden;}
.typeD2 div.scrollTable2 {height:20em; margin-bottom:0.5em; overflow:auto; overflow-x:hidden;}
.typeD2 div.scrollTable3 {font-size:80%; margin-bottom:0.5em; overflow:auto; overflow-x:hidden;}
.typeD2 table {width:97%;}
.typeD2 table th.center {text-align:center;}
.typeD2 table th input.sort {background:#fff; border:none; cursor:pointer; font-weight:700; text-decoration:underline;}
.typeD2 table td {height:auto; padding-right:4px; vertical-align:top;}
.typeD2 table td.empty {border-bottom:none; height:70px;}
.typeD2 table td.blue a {color:blue;}
.typeD2 table th.actionTitle {color:#fff;}
/*.typeD2 table td input { width:100%;} should be removed since it is too close to the next item  */
.typeD2 table td input.radio {width:auto;}
/*.typeD2 table th input { width:100%;} //format not correct
.typeD2 table td input.image {width:auto;}
.typeD2 table td select {width:100%;}
.typeD2 table td textarea {width:90%;}
/*.typeD2 table td a img { padding-right:4px;} fix the centered images
.typeD2 table tr.actionHolder td {border:0; margin:0; padding:0; text-align:left;}
.typeD2 table td.number {padding-right:8px; text-align:right;}
.typeD2 table th.number {padding-right:8px; text-align:right;}
.typeD2 table caption {border-top:0; font-weight:700; height:auto; margin-left:0; padding-left:2%; text-align:left; white-space:nowrap;}
.typeD2 td.moreOptions {width:auto;}
.typeD2 td.moreOptions a {color:blue; margin:0; padding-right:0; text-align:right; text-decoration:underline;}
.typeD2 table.narrowTable {padding-left:0; padding-right:0; width:45%;}
.typeD2 table.narrowTable tr {margin:0; padding:0; width:auto;}
.typeD2 table.narrowTable th {margin-right:0; padding-right:0;}
.typeD2 table.narrowTable td {margin:0; padding:0;}
.typeD2 table.wideTable {margin:0; padding-bottom:10px; padding-left:0; padding-right:0; width:98%;}
.typeD2 table.wideTable tr {margin:0; padding:0; width:auto;}
.typeD2 table.wideTable th {margin:0; padding-left:0; padding-right:0; vertical-align:top;}
.typeD2 table.wideTable th.center {margin:0; padding-left:0; text-align:center;}
.typeD2 table.wideTable th.input {vertical-align:middle;}
.typeD2 table.wideTable td {margin:0; padding-left:0; padding-right:1px;}
/*fix for center the object
.typeD2 table.wideTable td.center {text-align:center;}
.typeD2 table.wideTable td.moreOptions {width:auto;}
.typeD2 select.w90 {width:90%;}
.typeD2 table.wideTable td.number {padding-right:8px; text-align:right;}
.typeD2 table.wideTable th.number {padding-right:8px; text-align:right;}
.typeD2 table td input.link {border:0; cursor:pointer; display:inline; margin:0; text-decoration:underline; width:auto;}
.typeD2 table td.action input.link {border:0; cursor:pointer; display:inline; margin:0; text-decoration:underline; width:auto;}
.typeD2 table th.wrapIt {white-space:normal;}*/
input.sort {white-space:normal; text-align:left;}
/* for explorer6 */*html .typeD2 li a:visited {margin:0; padding:0 4px 1px 0;}
*html .typeD2 li a:link {margin:0; padding:0 4px 1px 0;}
*html .typeD2 li a:hover {text-decoration:underline;}
td.date select {width:18%;}
td.date select.pick_year {width:30%;}/*date elements in tables*/
/*fix the width of the pickup date in tables*/
table tr td span.pickupDate select {width:24%;}
/*new classes for the curency control*/
.typeD span.currency select, .typeD2 span.currency select {width:38%; float:right; text-align:right; height:17px;}
.typeD span.currency {float:right; margin-right:0.2em; text-align:right;}
.typeD span.currencyEdit, .typeD2 span.currencyEdit {padding:1%; display:block; height:17px; line-height:17px;}
.typeD span.currency input, .typeD2 span.currency input {width:58%; text-align:right; float:left; height:15px;}
/*List which look like form*/
.mainContainer .listAsForm table th, .mainContainer .listAsForm table td {border-bottom:none; height:1.8em;border:none}
.mainContainer .listAsForm table th.bordered {border-bottom:1px solid #D7DDE3;}
.listAsForm td.tableListNumeration, .listAsForm th.listNumeration {display:none;}
.listAsForm table thead {display:none;}
.mainContainer .listAsForm table thead {display:none;}
/*For technicalAnalystList.do */table.wideTable td.problem div.actionMenu {border-bottom:0; padding-right:27%; text-align:left;}
table.wideTable td.problem div.actionMenu ul li {display:block;}
/*For sipContent.do */table.trouble td.problem div.actionMenu {border-bottom:0; padding-right:37%; text-align:left;}
table.trouble td.problem div.actionMenu ul li {display:block;}
/*Type D3: table with checkboxes
.typeD3 {clear:both; height:auto; margin-top:0.5em; padding-left:1.1em;}
.typeD3 div.scrollTable {height:11em; margin-bottom:1.5em; overflow:auto; overflow-x:hidden;}
.typeD3 div.scrollTable2 {height:20em; margin-bottom:0.5em; overflow:auto; overflow-x:hidden; width:100%;}
.typeD3 table {width:98%;}
.typeD3 table th {border-top:none; height:auto; white-space:nowrap;}
.typeD3 table th.center {text-align:center;}
.typeD3 table td {height:auto; padding-right:4px; padding-top:2px; vertical-align:top;}
.typeD3 table td.empty {border-bottom:none; height:70px;}
.typeD3 table td.blue a {color:blue;}
.typeD3 table th.actionTitle {color:#fff;}
.typeD3 table td input {width:100%;}
.typeD3 table td select {width:100%;}
.typeD3 table td a img {padding-right:4px;}
.typeD3 table tr.actionHolder td {border:0; border-bottom:1px #D7DDE3 solid; margin:0; padding:0; text-align:left;}
.typeD3 td.moreOptions {width:auto;}
.typeD3 td.moreOptions a {color:blue; margin:0; padding-right:0; text-align:right; text-decoration:underline;}
.typeD3 table.narrowTable {padding-left:0; padding-right:0; width:45%;}
.typeD3 table.narrowTable tr {margin:0; padding:0; width:auto;}
.typeD3 table.narrowTable th {margin-right:0; padding-right:0; width:auto;}
.typeD3 table.narrowTable td {margin:0; padding:0; width:auto;}
/* For Gallery view
.typeD3 div.gallery {height:20em; margin-bottom:0.5em; overflow:auto; overflow-x:hidden; width:100%;}
.typeD3 div.gallery ul {clear:right; float:left; list-style-type:none; margin:0; padding:0;}
.typeD3 div.gallery ul li {border-bottom:1px #D7DDE3 solid; float:left; margin:0 0.4em 0.4em;}
.typeD3 div.gallery ul li input {vertical-align:top;}
.typeD3 div.gallery ul li ul {float:left; list-style-type:none;}
.typeD3 div.gallery ul li ul li {border:0; float:none; margin:0; padding-bottom:0; width:100%;}
.typeD3 div.gallery ul li ul li.inLine {float:left; margin:0.2em 0.2em 0 0; padding-left:0; padding-right:0; width:45%;}
.typeD3 div.gallery ul li ul li.actions {clear:left; margin:0.2em 0.2em 0 0; padding-left:0; padding-right:0;}
/*Type E: buttons */
.typeE {height:1.5em; margin-bottom:1em; width:80%; margin-left:0.5em;}
.typeE input {background:url(/infra/images/bg_btn.png?version=March2018) repeat-x; border:1px solid #CCC; cursor:pointer; font-weight:700; height:20px; margin-right:5px; padding-left:5px; padding-right:5px; text-align:center; width:auto;}
.typeE span {text-align:center; vertical-align:middle;}
.typeE span.buttonLink {font-family:Arial,Verdana,sans-serif; margin-left:2.5em; margin-top:0.5em;}
.typeE span.buttonLink2 {background:url(/infra/images/bg_btn.png?version=March2018) repeat-x center #EEEEED; border:1px solid #CCC; font-family:Arial,Verdana,sans-serif; font-weight:700; padding:1px 15px; text-align:center;}
.typeE span.buttonLink2 a:hover {text-decoration:none;}
#wide_buttons {margin-bottom:5px; margin-right:0; margin-top:5px; padding-right:0; text-align:left; width:95.5%;}
.typeE div.login span input#login {margin-right:2px; padding:-1px 0.2em 2px; width:23%;}
.typeE div.login span input#register {margin-right:2px; padding:-1px 0.2em 2px; width:30%;}
.typeE input.disable {color:#555; cursor:default;}
.typeE input.submit {width:10em;}
/*Type EK: buttons buttons in K type */
.typeEK {height:1.5em; margin-bottom:1em; margin-top:0.2em; padding-left:0.5em; width:95%;}
.typeEK input {background:url(/infra/images/bg_btn.png?version=March2018) repeat-x; border:1px solid #CCC; cursor:pointer; font-weight:700; height:20px; margin-right:5px; padding-left:5px; padding-right:5px; text-align:center; width:auto;}
.typeEK span {text-align:center; vertical-align:middle;}
.typeEK span.buttonLink {font-family:Arial,Verdana,sans-serif; margin-left:4em; margin-top:0.5em;}
.typeEK span.buttonLink2 {background:url(/infra/images/bg_btn.png?version=March2018) repeat-x center #EEEEED; border:1px solid #CCC; font-family:Arial,Verdana,sans-serif; font-weight:700; padding:1px 15px; text-align:center;}
.typeEK span.buttonLink2 a:hover {text-decoration:none;}
/*Type F: command buttons */
.typeF {height:3em; margin-left:4em; padding-top:1em; width:90%;}
.typeF div.alignLeft {width:41%;line-height:100%;}
.typeF div.alignRight {width:58%;}
.typeF div.alignLeftWide {float:left; width:58%;}
.typeF div.alignRightThin {float:right; width:21%;}

.typeF {width: auto;  margin-top: 0; margin-right:0.5%; padding-top:0.5em}
.breadCrumbs .typeF {width: auto; float:right; height:1.6em; margin-top: 0; padding-top:0.3em; border-left: 3px solid #dadada;margin-left: 0.2em; padding-left: 0.2em;}
.typeF div input {height:17px}
.typeF div select {font-size: 90%; float: left; margin:0 4px; height:18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:0 1px}
.breadCrumbs span {display:inline}
.typeF div.left {float:right}
.typeF div.alignLeft {float:right; width: auto;}
.typeF div.alignRight {width: auto;}
.typeF input {background:#555; border:1px solid #555; color:#fff; cursor:pointer; font-weight:700; margin-left:0; padding-left:0.2em; padding-right:0.2em; width:auto;}
.typeF input[type="submit"],.typeF div.buttonLink {background: none repeat scroll 0 0 transparent; border: medium none; float: left; font-weight: 400; text-decoration: underline;}
.typeF input.submit { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); background: #424242; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#424242');  background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#424242)); background: -moz-linear-gradient(top,  #595959,  #424242); border-bottom: 1px solid rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; display: inline-block; font-weight: 700; overflow: visible; padding: 0 10px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75); width: auto; font-family: arial;}
.typeF input.submit:focus, .typeF input.buttonForFocus:focus{outline:1px dotted black;}

/*button link */
.typeF div.left {float:left; margin-right:5px;}
.typeF div.right {float:right; margin-left:5px;}
.typeF div.buttonLink {background:#555; border:1px solid #555; cursor:pointer; height:20px; padding-left:0.2em; padding-right:0.2em; text-align:center; vertical-align:middle; width:auto;}
.typeF div.buttonLink span {padding:2px; display: block;}
.typeF_wide {margin-bottom:10px; margin-left:1em; margin-right:1em; padding-top:0.5em; width:auto;}
/*for Type K: 2 parts container  */
.typeF_wide input {background:#555; border:1px solid #555; color:#fff; cursor:pointer; font-weight:700; margin-left:0.5em; padding-left:0.2em; padding-right:0.2em; width:auto;}
.typeF_wide input.submit {margin-left:0;}
.typeF_wide input.back {margin-left:0;}
.typeF#advanced {margin-left:-3px;}
/*Type G:  scroll div, error message report, help */
.typeG {border-bottom:1px solid #d7dde3; height:6.5em; padding-left:1em; padding-top:0;}
.typeG div {height:6.4em; overflow:auto; overflow-x:hidden; width:100%;}
.typeG div p {padding-bottom:5px; padding-left:4em; padding-top:5px;}
.typeG div table tr td input.link {border:0; color:#3f3f3f; cursor:pointer; display:inline; margin:0; text-decoration:none; width:auto;}
/*Type H: tabs */
.typeH {border-bottom:1px solid #D7DDE3; clear:both; height:1.8em;}
.typeH div {clear:left; float:left; height:1.8em; margin:0; width:90%;}
/*width changed from 90% to 98% to give more place when there are many tabs */
.typeH div ul {margin-left:4em;}
/*margin-left changed from 4em to 2em to give more place when there are many tabs */
.typeH div li {display:inline; font-size:100%; line-height:170%;}
.typeH div li.tab {background:url(/infra/images/bg_btn_grey.jpg?version=March2018) repeat-x #fff; border:1px solid #CCC; border-bottom:0; color:#9B9B9B; cursor:pointer; float:left; font-weight:700; height:22px; margin-right:2px; padding-left:1em; padding-right:1em; text-align:center; text-decoration:none; vertical-align:middle;}
.typeH div li.tab.disabled {cursor:default;}
.typeH div li.tab a {color:#9B9B9B;}
.typeH div a:hover {text-decoration:underline;}
.typeH div li.tabSelected {background:url(/infra/images/bg_btn_grey.jpg?version=March2018) repeat-x #fff; border:1px solid #CCC; border-bottom:0; color:#555; float:left; font-weight:700; height:22px; margin-right:2px; padding-left:1.5em; padding-right:1.5em; text-align:center; text-decoration:none; vertical-align:middle;}
.typeH div.wide {width:99%;}
.typeH div.wide ul {margin-left:1em;}
.typeH div.wide ul li.tab {padding-left:0.7em; padding-right:0.7em;}
.typeH div input {display:inline; font-size:100%; line-height:170%;}
.typeH div input.tab {background:url(/infra/images/bg_btn_grey.jpg?version=March2018) repeat-x left top; border:1px solid #D7DDE3; border-bottom:0; color:#9B9B9B; cursor:pointer; font-weight:700; height:23px; overflow:visible; padding:0 3px; width:0;}
.typeH div input.tab[class] {width:auto;}
.typeH div input.tabSelected {background:url(/infra/images/bg_btn_grey.jpg?version=March2018) repeat-x left top; border:1px solid #D7DDE3; border-bottom:0; color:#555; font-weight:700; height:23px; overflow:visible; padding:0; width:0;}
.typeH div input.tabSelected[class] {width:auto;}
/*there is a bug in the tabs ghenerator, those classes should be changed after the fix of the bug*/
.TabsInSplit .TabsInSplit {margin:0; width:100%;}
.col2 .TabsInSplit .TabsInSplit input.tabSelected,.col2 .TabsInSplit .TabsInSplit input.tab {width:100%;}

/*Type H1: tabs submit buttons */
.typeH1 {border-bottom:1px solid #d7dde3; clear:both; height:1.8em;}
.typeH1 div {clear:left; float:left; height:1.8em; margin:0 0 0 3em; width:90%;}
.typeH1 div input {display:inline; font-size:100%; line-height:170%;}
.typeH1 div input.tab {background:url(/infra/images/bg_btn_grey.jpg?version=March2018) repeat-x left top; border:1px solid #d7dde3; border-bottom:0; color:#9B9B9B; cursor:pointer; font-weight:700; height:23px; overflow:visible; padding:0 3px; width:0;}
.typeH1 div input.tab[class] {width:auto;}
.typeH1 div input.tabSelected {background:url(/infra/images/bg_btn_grey.jpg?version=March2018) repeat-x left top; border:1px solid #d7dde3; border-bottom:0; color:#555; font-weight:700; height:23px; overflow:visible; padding:0; width:0;}
.typeH1 div input.tabSelected[class] {width:auto;}
/*Type I: left side - buttons or sort list form. right side - paging and records number */
/* .typeI {background:#fbfbfb; border-bottom:1px solid #d7dde3; height:23px; padding:0; clear:left;} */
/* .splitToolStart .typeI {-moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius:10px;} */
#bordered, .lowerAction {border-top:1px solid #d7dde3;}
/* .typeIBorderTop {border-top:1px solid #d7dde3;} */
/* .typeI div.alignLeft {margin-left:3px; padding-top:3px; width:44%;} */
/* .typeI div.alignLeft input.radio {margin-left:1em;} */
/* .typeI div.alignRight {padding-top:3px; width:55%;} */
/* .typeI div.alignRight div.alignLeft {width:52%; text-align:right;} */
/* .typeI div.alignRight div.alignRight {text-align:right; width:47%;} */
/* .typeI .buttonLink {-moz-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px #fff; height: 20px; line-height: 20px; background: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #ffffff,  #eeeeee); border:1px solid #CCC; cursor:pointer; font-weight:700; height:auto; margin-right:5px; padding:0 5px; text-align:center;} */
/* .typeI div.alignRight ul {list-style-type:none; float:right;} */
/* .typeI div.alignRight ul li {color:#9B9B9B; float:left; font-weight:400; padding-left:2px; padding-right:3px; line-height:1.5em;} */
/* .typeI div.alignRight ul li a {margin:0.2em 0 0; text-decoration:none;} */
/* .typeI div.alignRight ul li a:hover {text-decoration:underline;} */

/* .typeI div.alignRight div.columns ul li {float:none; font-weight:400; padding:0 5px 0 10px; line-height:2.2em;height:2.2em;cursor:pointer} */
/* .typeI div.alignRight div.columns ul li label{font-weight:500;line-height:2.2em;height:2.2em;vertical-align:top} */
/* .typeI div.alignRight div.columns ul li input{font-weight:500;height:1.8em;} */
/* .typeI div.alignRight div.columns ul li label:hover{cursor:pointer} */
/* .typeI div.alignRight div.columns ul li:hover {background:#f0f4f8} */
/* .typeI div.alignRight div.columns ul {height:auto;line-height:auto;width:auto;float:none;padding:5px 0 5px 0;} */
/* .typeI div.alignRight .columnsAction, .typeI div.alignRight .resetAction{padding-left:5px;border:1px solid transparent; margin-bottom:5px;background: url(/infra/images/drop_dark.png?version=March2018) transparent no-repeat right;padding-right: 20px;border: none;height: 100%;color: #555;font-size: 95%;font-family:Arial,verdana,sans-serif} */
/* .typeI div.alignRight .columnsAction:hover, .typeI div.alignRight .columnsAction:active, .typeI div.alignRight .resetAction:hover{cursor:pointer; box-shadow:2px 1px 2px #ddd inset; border-color:#939393;} */
/* .typeI div.alignRight .columns, .typeI div.alignRight .resetActionContainer{float:right;width:auto; border-left:1px solid #ccc;height:23px;margin-left:2px;} */
/* .typeI div.alignRight .resetAction {border: 0px none; padding: 2px 15px 2px 15px; background: transparent none repeat scroll 0% 0%;} */
.infoPopup.columnMenu {width:auto;min-width:300px;margin-left:0;padding:0;z-index:4}
.infoPopup.columnMenu .boxHeader{padding:5px;font-size:1.3em;}
.infoPopup.columnMenu .boxFooter{height:2em;padding:5px;border-top:1px solid #ccc;background:#efefef;text-align:right}
.columnMenu .restore{padding:5px 0 10px 5px;}
.columnMenu .done{font-size: 100%;font-family: arial;padding: 0px 0.5em;}
.columnList{height:50%;overflow-y: auto; }

/* Record list customization widget */
.highlighted { background-color: yellow; border-bottom: 1px solid black; box-shadow: 0px 3px 5px -4px black, 0px -3px 5px -4px black; }
.columnRecordList{ background-color: #eee; position: relative; width: 350px; margin:0; padding: 2px; }
.columnListCol { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
.columnListCol:hover { box-shadow: 0 0 2px black; }
.columnListCol input[type='checkbox'] { position:relative; top:2px; }
.columnListCol label { cursor: inherit; }
.columnListCol.notVisible { background: repeating-linear-gradient(45deg, #fff, #ccc 5px); font-style: italic; }
.columnListCol.needsSave label { font-style: italic; font-weight: 100; }
.columnListCol,.columnListHighlightDrag { background-color: #f5f5f5; padding: 0 5px; margin: 2px; border: 1px solid grey; border-radius: 2px; cursor: pointer; }
.columnListHighlightDrag { background-color: #143160; opacity: 0.5; width: 100px; }
.columnListRow {
  clear: both; margin: 2px 0; background-color: #fff; border-radius: 1px; border: 1px solid #ccc; min-height: 25px; padding: 3px 10px;
  display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
.columnListRow:hover { background: repeating-linear-gradient(90deg, #2c4d82 0%, #ffe 1%, #ffe 100%) repeat scroll 0% 0%; cursor: move; }
.columnListRow:nth-child(even) { background-color: #fafafa; }
.columnListRow, .columnListCol { cursor: pointer; }

/*.typeI div.alignRight div.columns .menu{position:absolute; background-color:#fff;border:1px solid #ccc;padding:10px;width:auto;margin-top:-0.5em;box-shadow:0 7px 8px rgba(0, 0, 0, 0.07);line-height:1.8em;}*/
.typeI form {margin-left:3.5em;}
.typeI form.doubleSort {margin-left:0.5em;}
/* gives more place in the case of double sorting dropdown boxes */
.typeI label {color:#666; font-weight:700;}
.typeI select {font-size:90%;}
.typeI div.alignLeft div.alignLeft1 {float:left; margin-left:1em; padding-top:0.2em; width:30%;}
.typeI div.alignLeft div.alignRight1 {float:right; margin-left:0.2em; width:65%;}
/*for explorer 6 */*html .typeI div.alignRight div.alignRight {margin-top:1px; width:11.5em;}
/*forms */
.typeI div.rightForm {border:none; clear:right; float:right; margin-right:110px; text-align:right; width:22em; height:3px;}
.typeI div.rightForm div.alignRight {border:none; height:28px; margin-right:-30px; padding-top:0; width:10em;}
.typeI div.rightForm ul {list-style-type:none;}
.typeI div.rightForm ul li {color:#9B9B9B; font-size:90%; font-weight:400; padding-left:3px; padding-right:3px;}
.typeI div.rightForm ul li a {margin:0.2em 0 0; text-decoration:none;}
.typeI div.rightForm div.alignLeft {border:none; float:left; height:28px; margin-top:-2px; width:11em;}
.typeI div.rightForm ul li a:hover {text-decoration:underline;}
.typeI div.leftForm {border:none; clear:left; float:left; margin-left:40px; text-align:left; width:30em;}
.typeI div.leftForm div.alignLeft {border:none; height:auto; margin-left:0; padding-top:0; width:auto;}
.leftForm2 {float: left; height: 17px; margin-top: 3px;}
.listNav input.submitableIcons {height: 18px; background-position:left center;}
/*for explorer 6 */*html .typeI div.rightForm {margin-bottom:-15px; margin-right:40px; width:25em;}
*html .typeI div.rightForm div.alignRight {border:none; height:28px; margin-right:-65px; padding-top:0; width:13em;}
*html .typeI div.rightForm div.alignLeft {margin-left:30px; width:11em;}
*html .typeI div.leftForm {margin-left:20px;}
/*Type I2: buttons above list + local help + border top */
.typeI2 {background:#FBFBFB; border-bottom:1px solid #D7DDE3; border-top:1px solid #D7DDE3; height:28px; padding:5px 0 0 5px;}
.typeI2WhiteBg {background:#fff;}
.typeI2NoBorderBottom {border-bottom:0;}
.typeI2 div.alignLeft {margin-left:3px; padding-top:3px; width:70%;}
.typeI2 div.alignRight {width:29%;}
.typeI2 div.leftForm {padding-left:4em;}
.typeI2 div.paddingLeft {padding-left:3.5em;}
/*Type J: Filter list, simple search */
/* .typeJ {border-bottom:1px solid #d7dde3; border-top:1px solid #d7dde3; clear:both; height:19px; line-height:19px; padding:1px 5px; font-size:90%;} */
/* .typeJ .alignRight {border-left:1px dotted #ccc; padding-left:4px;} */
/* .typeJ label {color:#666; font-weight:700;} */
/* .typeJ a {color:#666;} */
/* .typeJ select {border:1px solid #BECAD5; font-size:90%; margin-right:0.3em;} */
/* .typeJ div.leftForm {border:none; clear:left; float:left; margin-top:-8px;} */
/* /* margin-left:40px; removed, because there was not enought place for the formRight, in addition, i removed the word form from the class itself */ */
/* .typeJ div.rightForm {border:none; clear:right; float:right; text-align:right;} */
/* .typeJ select, .typeJ input[type="text"] {height: 17px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; } */
/* .typeJ select {height:19px; padding:1px} */
/* /* margin-right:110px; removed, because there was not enought place for the formRight, in addition, i removed the word form from the class itself for explorer 6 */*html .typeJ div.leftForm {margin-left:20px; padding:7px 0 2px;} */
/* *html .typeJ div.rightForm {margin-right:40px; padding:7px 0 2px;} */
/* .typeJ form.inTab {margin-left:3.5em;} */
/*Type J2: horizontal search form */
.typeJ2 {border-bottom:1px solid #D7DDE3; clear:left; height:20px; padding:5px 10px 5px 0;}
.typeJ2 form {margin-left:4em;}
.typeJ2 img {width:100%;}
.typeJ2 input {margin-right:0; width:auto;}
.typeJ2 input.button {margin:0; padding:2px; width:auto;}
.typeJ2 input.radio {width:auto;}
.typeJ2 textarea {width:100%;}
.typeJ2 label {color:#666; font-weight:700;}
.typeJ2 select {font-size:90%; width:auto;}
.typeJ2 select.small {width:auto;}
.typeJ2 select.value {width:80%;}
.typeJ2 form.narrowTable {width:43%;}
.typeJ2 table {width:auto;}
.typeJ2 table td {border:0; height:auto; padding:2px 10px 2px 0;}
.typeJ2 form table img {padding-bottom:3px; vertical-align:middle; width:auto;}
.typeJ2 form table tr td label img {margin:0; padding-left:-6px; padding-right:3px;}
#advanced {height:auto;}
/*for explorer 6 */*html .typeJ2 form table img {padding-bottom:5px;}
/*Type K: 2 parts container with tree  */
.typeK {_height:28em; min-height:28em; padding:1em 1% 0; width:98%;}
.typeK div.alignLeft {_height:26em; border:1px solid #D7DDE3; min-height:26em; padding-top:1em; width:30%;}
.typeK div.scroll {height:26em; overflow:auto; overflow-x:hidden; width:98%;}
.typeK div.alignRight {_height:26em; border:1px solid #D7DDE3; min-height:26em; padding-top:1em; width:69%;}
.typeK div.typeD {padding-left:0.4em;}
.typeK div.typeC {padding-left:0.4em;}
.typeK div.alignRight div.typeC {height:80%; margin-top:9px; overflow:auto; width:99%;}
.typeK div.alignRight div.typeC table {width:99%;}
.typeK ul {list-style-type:none;}
.typeK ul.days li {float:left; width:24%;}
.typeK div.typeE div.alignLeft {border:none; min-height:26em; padding-top:0; width:40%;}
.typeK div.typeE div.alignRight {border:none; min-height:36em; padding-top:0; width:59%;}
.typeK div.typeI {background:#fbfbfb; border-bottom:1px solid #d7dde3; height:28px; margin-top:-1em; padding:0 0 0 5px;}
.typeK div.typeI div.alignLeft {border:0; min-height:1em; padding-top:0.2em; width:45%;}
.typeK div.typeI div.alignRight {border:0; min-height:1em; padding-top:0.2em; width:54%;}
.typeK div.iframeRight {_height:26em; border:1px solid #D7DDE3; float:right; min-height:26em; padding-top:0; width:69%;}
.typeK iframe {_height:26em; border:0; height:27em; min-height:26em; width:100%;}
#inFrame {_height:27em; margin-top:0; min-height:27em;}
#inFrame div.typeI div.alignLeft {margin-left:3px; padding-top:3px; width:50%;}
#inFrame div.typeI div.alignRight {padding-top:3px; width:49%;}
/*Used in the screen 125  */
#high {height:4em; margin-top:2em;}
/*Type K2: 2 parts container with folders */
.typeK2 {height:29em; padding:1em 1%; width:98%;}
.typeK2 div.alignLeft {background:#fcfcfc; border:1px solid #D7DDE3; height:27em; padding-top:0; width:13%;}
.typeK2 div.alignRight {border:1px solid #D7DDE3; height:26em; overflow-x:hidden; overflow-y:auto; padding-top:1em; width:86%;}
.typeK2 .typeE div.alignLeft {border:none; min-height:26em; padding-top:0; width:40%;}
.typeK2 .typeE div.alignRight {border:none; min-height:36em; padding-top:0; width:59%;}
/*Type L: tree design  */
.typeL {height:100%; padding:0 2px 0 0.5em;}
.typeL div.scroll {height:26em; overflow:auto; overflow-x:hidden; width:98%;}
.typeL ul.levelOneUL {margin-left:0; margin-right:0.7em; margin-top:0.5em;}
.typeL ul.levelOneUL li {border:0; clear:both; color:#10125E; font-weight:400; line-height:150%; list-style:none; list-style-position:outside; padding-bottom:1px; padding-top:0; width:100%;}
.typeL ul.levelOneUL li span {clear:both; float:left; margin-left:20px; margin-top:-14px;}
.typeL ul.levelOneUL li a {color:blue; font-weight:400; text-decoration:none;}
.typeL ul.levelOneUL li img {display:block; margin-right:0.5em; width:9px;}
.typeL ul.levelOneUL li img.normal-width {display:inline; margin-right:0.5em; margin-top:3px; width:auto;}
.typeL ul.levelOneUL li a:hover {text-decoration:underline;}
.typeL ul.levelTwoUL {margin-left:20px; margin-right:0; margin-top:2px;}
.typeL ul.levelTwoUL li {border:0; font-size:100%;}
.typeL ul.levelTwoUL li a {font-weight:400;}
.typeL ul.levelTwoUL img {cursor:pointer;}
.typeL ul.indentUL {margin-left:20px; margin-right:0;}
.typeL ul li.selectedItem {display:block; font-weight:700; width:100%;}
/* Added by Diana for the Tree View of Content List  */
.typeL1 {height:100%; padding:0 2px 0 0.5em;}
.typeL1 div.scroll {height:22em; overflow:auto; width:98%;}
.typeL1 ul {list-style:none; margin-left:1em; margin-right:0; margin-top:2px;}
.typeL1 ul li {white-space:nowrap;}
.typeL1 ul li a {color:blue; font-weight:400; list-style-type:none; text-decoration:none;}
.typeL1 ul li img {margin-right:0.5em; width:9px;}
.typeL1 ul li a:hover {text-decoration:underline;}
.typeL1 ul li.selectedItem {display:block; font-weight:700; width:100%;}
.typeL1 div.typeE div.alignLeft {border:none; height:1.5em; min-height:1.5em; width:40%;}
.typeL1 div.typeE div.alignRight {border:none; height:1.5em; min-height:1.5em; width:59%;}
/*Type M: bullets */
.typeM {width:80%;}
.typeM ul {color:#CCC; list-style:square; margin-left:0.5em; margin-top:0.5em; padding-left:1em;}
.typeM ul li span {color:#32322f;}
/*error recovery and system messages */
.typeM ul li.error {list-style-image:url(/infra/branding/icons/icon_error.png?version=March2018); vertical-align:top;border:none;}
.typeM ul li.error span {color:#E10101; line-height:26px;}
.typeM ul li.error span a {color:#E10101; text-decoration:underline;}
.typeM ul li.info {list-style-image:url(/infra/branding/icons/icon_info.png?version=March2018); vertical-align:top; width:100%;}
.typeM ul li.info span {color:#555; line-height:26px;}
.typeM ul li.info span a {color:#555; text-decoration:underline;}
/*Type N: folders design  */
.typeN {height:100%; padding:0;}
.typeN div.scroll {height:26em; overflow:auto; overflow-x:hidden; width:100%;}
.typeN ul {margin:0; padding:0;}
.typeN ul li {background:url(/infra/images/bg_strip_Folder.png?version=March2018); border-bottom:1px solid #E2E7ED; clear:both; cursor:pointer; height:36px; list-style:none; list-style-position:outside; margin:0; padding:0; width:100%;}
.typeN ul li span {line-height:36px; padding-left:0.5em;}
.typeN ul li span a {color:#9B9BC0; font-weight:700;}
.typeN ul li span a:visited {color:#9B9BC0;}
.typeN ul li span a:hover {color:#555;}
.typeN ul li.selectedItem {background:url(/infra/images/bg_strip_ChoosenFolder.png?version=March2018); border-bottom:1px solid #D7DDE3; display:block; height:36px; width:100%;}
.typeN ul li.selectedItem span {color:#555; font-weight:700; height:36px; line-height:36px; padding-left:0.5em;}
/*actions within regular action list */table td.action a {margin:0; padding:0 5px 0 2px; text-decoration:none; vertical-align:middle;}
table td.action a:visited {margin:0; padding:0 5px 0 2px; text-decoration:none; vertical-align:middle;}
table td.action a:hover {text-decoration:underline;}
/*actions within special actions menu */
.actionMenu {clear:right; float:right; height:auto; margin:7px 0; padding:0; text-align:right; width:auto;}
.actionMenu1 {background:#FDFDFD; clear:right; float:right; height:auto; margin:7px 0; padding:0; width:auto;}
table.wideTable td.problem {border-bottom:0; padding-right:40%;}
.actionMenu ul li {display:inline; list-style:none; margin:0; padding-bottom:2px;}
.actionMenu ul li a {margin:0; padding:0 5px 0 2px; text-decoration:none; vertical-align:middle;}
.actionMenu ul li a:visited {margin:0; padding:0 5px 0 2px; text-decoration:none; vertical-align:middle;}
.actionMenu ul li a:hover {text-decoration:underline;}
.actionMenu ul li span.separator {border:none; color:blue;}
.actionMenu1 ul li {display:inline; list-style:none; margin:0; padding-bottom:2px; text-align:right;}
.actionMenu1 ul li a {margin:0; padding:0 5px 0 2px; text-decoration:none; vertical-align:middle;}
.actionMenu1 ul li a:visited {margin:0; padding:0 5px 0 2px; text-decoration:none; vertical-align:middle;}
.actionMenu1 ul li a:hover {text-decoration:none;}
.actionMenu1 ul li span.separator {border:none; color:blue;}
table.wideTable div.actionMenu {margin-left:10px;}
*html table.wideTable div.actionMenu {margin-right:20px;}
.separator {background:#f2f2f2; border-bottom:1px solid #D7DDE3; border-top:1px solid #D7DDE3; height:25px; width:100%;}
/* -FRAME IN THE LIST-  */
.iframe {border:none; height:100%; width:100%;}
.deptStatus {border:1px dashed #dadada; margin-left:35px; margin-top:-18px; position:absolute; z-index:1;}
/* Iframe that contains the Birt reports  */iframe.report {border:none; height:100%; overflow:auto; overflow-x:hidden; width:100%;}
/*Pop-Up */
.popupWrap {margin:0; overflow:auto; overflow-x:hidden; padding:0 0 0.5px; text-align:left; width:auto;}
/* additional classes for subNev check  */
#popup {background:#fff; color:#32322F; font-family:Arial,verdana; font-size:100%; margin:0; padding:0;}
.popHeader {border:1px solid #E8E8E9; color:#fff; height:25px; line-height:25px; margin:0; padding:0 5px; width:auto;}
.popHeader span {font-size:95%; font-weight:700;}
.popHeader a {color:#fff; font-size:80%; font-weight:400; text-decoration:underline;}
.popHeader a:visited {color:#fff; font-size:80%; font-weight:400; text-decoration:underline;}
.popContainer {background:#fff; color:#555; font-size:90%; font-weight:400; height:auto; margin-top:3px; text-align:left; width:auto;}
form div.popContainer div.typeD {padding-left:5px; text-align:left;}
form div.popContainer div.typeD td {padding-bottom:3px;}
.popContainer div.typeE {margin-top:10px; padding:0; width:auto;}
/*buttons */
.popContainer div.typeE div.alignRight input {margin:0 5px 0 0; padding:0;}
.popContainer div.typeF {margin-right:2em; margin-top:10px; padding:0; width:auto;}
/*buttons */
.popContainer table td {border-bottom:1px solid #D7DDE3;}
.popContainer table th {border-bottom:1px solid #D7DDE3;}
.popContainer div.typeC table td {border-bottom:none;}
.popContainer div.typeC table th {border-bottom:none;}
/*Makes the good alignment of the checkboxes in the popup (advanced search)*/
.popContainer .typeD fieldset ul {width:100%;}
.popContainer .typeD fieldset ul li label {float:right; width:85%;}
.popContainer .typeD fieldset ul li input {float:left; width:10%;}

/*Login */
.loginWrap {background:#fff; border:1px solid #ccc; font-size:80%; height:30em; margin-left:auto; margin-right:auto; margin-top:2em; text-align:left; width:70%;}
.logoContainerLogin {float:left; width:40%;}
.logoContainerLogin img {padding-bottom:0.3em; padding-left:2.3em; padding-top:2.2em;}
.loginWrap div.alignLeft {padding-left:2em; padding-top:3em; width:50%;}
.loginWrap div.alignRight {padding-right:2em; padding-top:3em; width:40%;}
.lobbyTop {margin-top:-2.8em; padding-right:2em; padding-top:-2.5em; vertical-align:top; width:30%;}
.lobbyTop span {border-right:1px solid #96A2A9; margin-right:0.2em; padding-left:0.2em; padding-right:0.2em;}
.loginWrap div.alignLeft table td {height:2em;}
.loginWrap div.alignRight table td {height:2em;}
.loginWrap h2 {clear:left; color:#595D60; display:block; font-size:100%; font-weight:700; margin:0 0 10px;}
.loginWrap form {margin-left:0; margin-top:0;}
.loginWrap form input {width:11em;}
.loginWrap form select {width:11.4em;}
.loginFooter {border:0; color:#5B5C60; font-size:80%; margin-left:auto; margin-right:auto; text-align:left; width:70%;}
.loginFooter a {color:#5B5C60;}
.loginFooter div.alignLeft {width:50%;}
.loginFooter div.alignRight {text-align:right; width:40%;}
.subNavContainerLogin {float:right; font-size:120%; width:40%;}
/*Footer */
/* .footer {border:0; clear:both; color:#5B5C60; font-size:80%; margin-left:auto; margin-right:auto; text-align:left; width:98%;}
.footer div.alignLeft {width:50%;}
.footer div.alignRight {text-align:right; width:40%;} */
/** Organize it* */
#lpMonth {width:22%;}
#lpDay {width:22%;}
#lpYear {margin:0; padding-top:1px; vertical-align:top; width:31%;}
/** Rep and mets viewer classes * */
#headerRep {background:url(/infra/images/fade.gif?version=March2018) repeat-x #fff; min-height:45px; width:100%;}
.contentWrapRep {height:70%; margin-top:0; padding-bottom:0.5em; width:98%;}
.panel{border-radius: 4px !important;}
/** TypeO for the viewer in delivery * */
.typeO {color:#555; float:left; font-size:80%; margin-top:-35px; text-align:left; width:100%;}
.typeO table {width:100%;}
.typeO table th {border:0; height:auto; white-space:nowrap;}
.typeO table th.moreOptions {height:30px;}
.typeO table td {background:#fff; border:0; height:auto;}
.typeO table th a {color:#555;}
/** Classes for the popup calendar * */td.cal {background:#fff; color:#000; font-family:Arial, Verdana, Sans-serif; font-size:11px;}
select.month {color:#000; font-size:11px; width:85px;}
input.year {color:#000; font-size:11px; width:30px;}
td.calDaysColor {background:#FAFAFA; border-bottom:solid 1px #D7DDE3; color:#555; font-size:11px;}
td.calWeekend {background:#fff; color:#fff; font-size:11px;}
td.calBgColor {background:#fff; color:#fff; font-size:11px;}
.calBorderColor {border:1px solid #dadada; color:#fff; font-size:11px;}
td.calHighlightColor {background:#F2F2F2; border:solid 1px #C00; color:#fff; font-size:11px;}
A.cal {color:#555; font-size:11px; text-decoration:none;}
A.cal:visited {color:#555; font-size:11px; text-decoration:none;}
A.cal:Hover {color:#C00; font-size:11px; text-decoration:none;}
/* .disabled {color:#555; font-size:11px; text-decoration:none;} */
.select-free {cursor:default; overflow:hidden; position:relative; z-index:10;}
.select-free iframe {display:block; height:3000px; left:0; position:absolute; top:0; width:3000px; z-index:-1;}
.nav_menu1 {border:1px solid; display:none; height:400px; position:absolute; right:10px; top:80px; width:500px; z-index:2; background:none repeat scroll 0 0 #ffffff;}
.nav_menu1 iframe {border:0;}
.innerFrame div.nav_menu1 {border:1px solid; display:none; height:250px; position:absolute; right:10px; top:50px; width:500px; z-index:2;}
/* Style for the "about" screen  */
.aboutWrap {background:#fff; font-size:80%; height:20em; margin-left:auto; margin-right:auto; margin-top:0; text-align:left; width:100%;}
.aboutContainerLogin {width:100%;}
.aboutContainerLogin img {padding-bottom:0.3em; padding-left:2.3em; padding-top:0.5em;}
.aboutWrap div.footer {border-top:0 solid #D7DDE3; clear:both; color:#5B5C60; font-weight:400; margin-bottom:0.5em; margin-left:0; margin-top:0.5em; padding-bottom:10px; padding-top:1em; text-align:left;}
.aboutWrap div.footer div.alignLeft {float:left; margin-left:4em; margin-top:2em;}
.aboutWrap div.footer div.alignRight {margin-top:2em;}
.aboutWrap hr {background:#dadada; border:none; color:#dadada; height:3px; margin-top:1em; width:100%;}
/* Style for help submenu  */
.help {border:3px solid #dadada; display:none; height:110px; position:absolute; right:1em; top:0.5em; width:140px; z-index:2;}
.user {border:3px solid #dadada; display:none; height:110px; position:absolute; right:20em; top:0.5em; width:140px; z-index:2;}
.help iframe {border:0;}
.helpContainer {background:#fff; color:#555; font-size:70%; font-weight:400; height:auto; margin-top:3px; text-align:left; width:auto;}
.helpContainer p {margin-left:0.5em;}
.helpContainer hr {background:#dadada; border:none; color:#dadada; height:1px; margin:0.5em 0;}
.helpHeader {color:#fff; height:0.8em; margin:0; padding:1px; width:auto;}
.helpHeader a {color:#fff; font-size:70%; font-weight:400; text-decoration:underline;}
.helpHeader a:visited {color:#fff; font-size:70%; font-weight:400; text-decoration:underline;}
/* New class added by Diana to fix problems in the Search Advanced code. Don't use this class anywhere else  */span.buttonLink3 {background:url(/infra/images/bg_btn.png?version=March2018) repeat-x center #EEEEED; border:1px solid #CCC; float:left; font-weight:700; margin-left:0; margin-right:0; padding:1px 15px; text-align:center; white-space:nowrap;}
span.buttonLink3 a {text-decoration:none; white-space:nowrap;}
span.buttonLink3 a:hover {text-decoration:none;}
.mainContainer table td span.buttonLink3 a {text-decoration:none; white-space:nowrap;}
/* Multi select check box css style  */
.multiOptions {margin-left:0; padding-bottom:0.3em; padding-top:0.3em; width:90%;}
.multiOptions fieldset {padding:2px; width:auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.multiOptions fieldset label {padding-right:0.5em;}
.multiOptions div.fieldCell {float:left;}
/*width:20%; was removed until another solution from Diana */
.multiOptions div.Line {clear:left; float:left; width:100%;}
.multiOptions input {color:#fff; cursor:pointer; font-weight:700; height:auto; margin-left:0; padding-left:0.2em; padding-right:0.2em; vertical-align:middle; width:auto;}
.multiOptions input.radio {height:auto; vertical-align:middle; width:auto;}
.multiOptions input.checkbox {height:auto; vertical-align:middle; width:auto;}
/* Copyright BoilerPlate display in Deposit  */
.copyrightBP {padding-bottom:1em; width:90%;}
/* New styles defined for email and printing  */
#mailBody {background:#fff; color:#32322f; font-family:Arial,verdana; font-size:100%; margin:0; padding:0;}
#mailHeader {background:#fff; min-height:35px; width:100%;}
.mailSubject {background:#fff; border-bottom:1px solid; clear:both; color:#555; font-size:80%; height:2em; padding:0.1em 0 0.2em 0.8em; text-align:left;}
.mailSubject span {font-weight:700; padding-left:0.2em;}
.mailInfo {font-size:80%; padding:0.1em 0.8em 0.2em 0;}
.messageArea {clear:both;}
.messageArea div.messageBody {font-size:80%;}
.messageBody {padding-left:0.8em;}
.messageBody table {width:100%;}
.messageBody table td {border-bottom:1px solid #d7dde3; color:#555; text-align:left;}
.messageBody table th {background:#fff; border-bottom:1px solid #d7dde3; color:#32322f; text-align:left;}
/* Mail Footer */
.mailFooter {background:#fff; color:#555; font-size:80%; height:2em; padding:0.5em 2em; text-align:left; width:auto;}
/*Type P - printing  */
.typeP {padding-left:0.8em; padding-top:0.5em;}
.typeP div.alignLeft {width:48%;}
.typeP div.alignRight {width:48%;}
.typeP table {font-size:100%; padding-bottom:0.5em;}
.typeP table th {border:0; height:auto; text-align:left; vertical-align:top; white-space:nowrap;}
.typeP table td {border:0; height:auto;}
/* TypeQ list in Brief mode */
.typeQ {margin-bottom:1em; padding-left:4em; padding-top:0.5em; width:90%;}
.typeQ ul li {clear:left; float:none; list-style-type:none; padding-bottom:0.2em;}
.typeQ ul li span.strong {font-weight:700;}
.typeQ table tr th {padding:0.2em; vertical-align:top;}
.typeQ table tr td {padding-bottom:0.2em; padding-top:0.2em; vertical-align:top;}
.typeQ ul li ul {list-style-type:none; margin-bottom:2em;}
.typeQ ul li.pic {clear:both;}
.typeQ ul li.pic img {float:left; margin-right:1em;}
.typeQ ul li.pic ul img {margin-right:0;}
.typeQ ul li li.action {background:#fff; border-bottom:1px dashed #d7dde3; border-top:1px dashed #d7dde3; float:left; height:18px; margin:0; padding-left:0.5em; padding-top:2px;}
.typeQ div.scrollTable {height:18em; overflow:auto; overflow-x:hidden;}
.typeQ ul li.inLine {float:left; margin:0.2em 0.2em 0; padding-left:0; padding-right:0; width:25%;}
.typeQ ul li.inLineWide {float:left; margin:0.2em 0.2em 0; padding-left:0; padding-right:0; width:35%;}
.typeQ ul li.oneLine {clear:left; margin:0.2em 0.2em 0; padding-left:0; padding-right:0; width:100%;}
.typeQ ul li label {float:left; margin:0.2em 0.2em 0; padding-left:0; padding-right:0; width:15%;}
.typeQ ul li input {float:left; margin:0.1em 0.1em 0; padding-left:0; padding-right:0;}
.typeQ td.action ul li {float:right;}
/*classes not implemented elsewhere, for testing only this class is for a new type of breadcrumbs used for internal navigation in a 3 dimension list */
.subBreadCrumbs {background:#fff; border-bottom:1px solid #D7DDE3; color:#555; font-size:85%; font-weight:700; height:1em; padding:0.5em 0; text-align:left; width:auto;}
.subBreadCrumbs span {display:block; padding-left:2em;}
.typeD2 table.wideTable td.indent5 {padding-left:5%;}
/*to indent a word in a table (td), it is in use in image.jsp  this class comes for the new format of the navigation bar  */
.navigationBar div.formDiv div.last div {margin-bottom:0;}
.navigationBar {font-size:85%; padding-left:1em; padding-top:0.1em;}
.navigationBar input {border:none; color:#243B96; cursor:pointer; text-decoration:underline; width:auto;}
/*removes the extra non used space from the form generator*/
.navigationBar .width4 {width:0px;}
.navigationBar .width1 {width:0px;}
/*############################################################ fix of the height in the Lobby ############################################################ */
#allContainer {margin:0 auto; width:100%;}
/*############################################################ split of the screen ############################################################  to clear floated elements - all browsers - from http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
/*.clearfix {display:inline-block;} */
.inlineDisplay {display:inline-block;}
/* Hides from IE-mac \ */
/* * html .clearfix {height:1%;} */
/* End hide from IE-mac  */
/* .clearfix {display:block;} */
.gridTwoRight {background:#fff; padding-right:25em;}
.gridTwoRight .wrapper {background:#fff;}
.gridTwoRight .bordered {border-right:0.7em solid #dadada; border-top:none; border-bottom:none;}
.gridTwoRight .wrapper .col1 {float:left; width:100%;}
.gridTwoRight .wrapper .col2 {float:left; margin-right:-25.7em; width:25.7em;}
.gridTwoRight .wrapper .col1 .paddingBox {padding:0;}
.gridTwoRight .wrapper .col2 .paddingBox {border-left:0.7em solid #dadada;}
/*removed to fix the "same height"   */
#lastPanel {border-bottom:none;}
.lastPanelLobby {border-bottom:none;}
/* End hide from IE-mac  */
.splitStart9 {padding-left:9em;}
/*width 9 */
.splitStart12 {padding-left:12em;}
/*width 12 */
.splitStart15 {padding-left:15em;}
/*width 15 */
.splitStart30 {padding-left:30em;}
/*width 30 */
.splitStart40 {padding-left:40em;}
/*width 40 */
/* .splitToolStart {background:#fff; border-bottom:0.7em solid #dadada;} */
.splitToolStart .wrapper {background:#fff;}
/* .splitToolStart .bordered {border-left:0.7em solid #dadada; border-top:0;} */
.splitToolStart .wrapper .col1 {float:right; width:100%;}
.splitToolStart .wrapper .col2 {float:right;}
.splitToolStart .wrapper .col1 .paddingBox {padding:1.5em 2em;}
.splitToolStart .wrapper .col2 .paddingBox {padding:1.5em 2em;}

.splitToolStart.splitStart50 .wrapper .col1 {float:right; width:50%;}
.splitToolStart.splitStart50 .wrapper .col2 {float:right;width:50%}

.splitStart9 .wrapper .col2 {margin-left:-9em; width:9em;}
/*width 9 */
.splitStart12 .wrapper .col2 {margin-left:-12em; width:12em;}
/*width 12 */
.splitStart15 .wrapper .col2 {margin-left:-15em; width:15em;}
/*width 15 */
.splitStart30 .wrapper .col2 {margin-left:-30em; width:30em;}
/*width 30 */
.splitStart40 .wrapper .col2 {margin-left:-40em; width:40em;}
/*width 30 */
.splitStart9 .bordered .col2 {float:left; margin-left:-9.63em; width:9em;}
/*width 9 + border */
.splitStart12 .bordered .col2 {float:left; margin-left:-12.63em; width:12em;}
/*width 12 + border */
.splitStart15 .bordered .col2 {float:left; margin-left:-15.6em; width:15em;}
/*width 15 + border */
.splitStart30 .bordered .col2 {float:left; margin-left:-30.6em; width:30em;}
.splitStart40 .bordered .col2 {float:left; margin-left:-40.6em; width:40em;}
.splitToolStart .typeC {padding-left:0;}
.splitToolStart .typeD {padding-left:0; padding-top:0}
.splitToolStart .typeD2 {padding-left:0;}
/*remove the padding left when one the those types are in a split mode */
.splitEnd9 {padding-right:9em;}
.splitEnd12 {padding-right:12em;}
.splitEnd15 {padding-right:15em;}
.splitEnd30 {padding-right:30em;}
.splitEnd40 {padding-right:40em;}
.splitToolEnd {background:#fff; border-bottom:0.7em solid #dadada;}
.splitToolEnd .wrapper {background:#fff;}
.splitToolEnd .bordered {border-right:0.7em solid #dadada;}
.splitToolEnd .wrapper .col1 {float:left; width:100%;}
.splitEnd9 .wrapper .col2 {margin-right:-9.7em; width:9em;}
.splitEnd12 .wrapper .col2 {margin-right:-12.7em; width:12em;}
.splitEnd15 .wrapper .col2 {margin-right:-15.7em; width:15em;}
.splitEnd30 .wrapper .col2 {margin-right:-30.7em; width:30em;}
.splitEnd40 .wrapper .col2 {margin-right:-40.7em; width:40em;}
.splitToolEnd .wrapper .col2 {float:left;}
.splitToolEnd .bordered .col2 {float:left; padding-left:0.6em;}
.splitToolEnd .wrapper .col1 .paddingBox {padding:1.5em 2em;}
.splitToolEnd .wrapper .col2 .paddingBox {padding:1.5em 2em;}
.splitToolEnd .typeC {padding-left:0;}
.splitToolEnd .typeD {padding-left:0;}
.splitToolEnd .typeD2 {padding-left:0;}
.col1 .typeI div.alignRight {width:40%;}
.col1 .typeI div.alignLeft {width:59%;}
.col1 .typeJ {border-top:none;}
/*remove the padding left when one the those types are in a split mode ############################################################ New Tabs Style ############################################################ */
.newTabsStyle {border-bottom: 1px solid #D7DDE3; height: 18px; line-height: 19px; list-style: none outside none; width: 100%; margin:0.5em 0px 0.5em;}
.newTabsStyle div {list-style:none; padding-left:1%; /*border-bottom: 1px solid #D7DDE3; */ margin-right:3px; height:21px; line-height:21px; width:99%;}
.newTabsStyle div span {position:relative;display:block;float:left;margin-top:-2px;height:18px; line-height:18px;padding:1px 2% 0 2%; margin-right:3px; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-style: solid;  border-width: 1px;  cursor:pointer;}
.newTabsStyle div span input {color: #555; border:none;  cursor:pointer;width:100%;background:none;font-weight:700; font-size:85%; font-family: arial;height:17px; line-height:17px;text-shadow: 1px 1px #FFF;}
.newTabsStyle div span.tabSelected, .newTabsStyle div span:hover {background:#fff;height:18px; line-height:18px; color:#222; border-color: #ccc #bbb #ccc;}
.newTabsStyle div span:hover {background:-ms-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dbdbdb)); background: -moz-linear-gradient(top,  #fff,  #dbdbdb); color:#111; border-color:#ccc; border-bottom: 1px solid #ccc;}
.newTabsStyle div span.tabSelected:hover {background:#fff; color:#222; /*border-color: #ccc #bbb #ccc; padding-top:1px; border-bottom:none;*/}
.newTabsStyle div span.tabSelected {cursor:default;}
.newTabsStyle div span {background-color: #fff;background:-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #ffffff,  #eeeeee); color:#555; border-color: #ccc;}
.newTabsStyle div span.tabEmpty {background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left,-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/infra/images/tabEmptyIcon.png?version=March2018',sizingMethod='crop'); background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left,-moz-linear-gradient(top,  #ffffff,  #eeeeee); color:#555; border-color: #ccc;}
.newTabsStyle div span.tabEmpty:hover {background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left,-ms-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/infra/images/tabEmptyIcon.png?version=March2018',sizingMethod='crop');  background: url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dbdbdb)); background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left, -moz-linear-gradient(top,  #fff,  #dbdbdb); color:#111; border-color:#ccc; border-bottom: 1px solid #ccc;}
.newTabsStyle div span.tabHasContent {padding-top:1px;background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left,-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/infra/images/tabWithContentIcon.png?version=March2018',sizingMethod='crop'); background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left,-moz-linear-gradient(top,  #ffffff,  #eeeeee); color:#555; border-color: #ccc;}
.newTabsStyle div span.tabHasContent:hover {background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left,-ms-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/infra/images/tabWithContentIcon.png?version=March2018',sizingMethod='crop');  background: url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dbdbdb)); background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left, -moz-linear-gradient(top,  #fff,  #dbdbdb); color:#111; border-color:#ccc; border-bottom: 1px solid #ccc;}
.newTabsStyle div span.tabSelectedtabEmpty{background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left,-ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/infra/images/tabEmptyIcon.png?version=March2018',sizingMethod='crop');background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left #fff;}
.newTabsStyle div span.tabSelectedtabEmpty:hover{background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left,-ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/infra/images/tabEmptyIcon.png?version=March2018',sizingMethod='crop');background:url(/infra/images/tabEmptyIcon.png?version=March2018) no-repeat center left #fff;}
.newTabsStyle div span.tabSelectedtabHasContent{background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left,-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/infra/images/tabWithContentIcon.png?version=March2018',sizingMethod='crop');background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left #fff;}
.newTabsStyle div span.tabSelectedtabHasContent:hover{background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left,-ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'), progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/infra/images/tabWithContentIcon.png?version=March2018',sizingMethod='crop');background:url(/infra/images/tabWithContentIcon.png?version=March2018) no-repeat center left #fff;}
.newTabsStyle div span.tabSelected:before{content:'';position: absolute;top: 100%;left: 0;right: 0; margin: 0 auto; width: 0;height: 0;border-top: solid 8px #bbb;border-left: solid 8px transparent;border-right: solid 8px transparent;}
.newTabsStyle div span.tabSelected:after{content:'';position: absolute;top: 100%;left: 0;right: 0;margin: 0 auto;width: 0;height: 0;border-top: solid 7px #fff;border-left: solid 7px transparent;border-right: solid 7px transparent;}
/*############################################################ Record View Style ############################################################ */
.recordListContainer {width:100%;}
.recordListContainer ul {display:block; list-style:none; margin:0; padding:0;}
/* .recordListContainer ul li {border-bottom:1px solid #ddd; display:inline-block; padding:0; width:100%;} */
.recordListContainer ul li.selected {background:#fff;}
.recordListContainer ul li div.recordContainer {float:left; padding:0.2em 0.6em; width:99%;}
/* .recordListContainer ul li label {display:none;} */
.recordListContainer ul li.recordListSelectAll label {display:inline; margin-left:0.2em}
.recordListContainer .center {float:left; width:2.2%;}
.recordListContainer ul li .bold input.submitAsLink {font-weight:700}
.recordListContainer ul li input {display:inline-block; float:left; /*margin-left:-1px;*/ margin-right:0; margin-top:0.2em;}
.recordListContainer ul li div.rowActions input {margin: 0 0.3em}
.recordListContainer ul li input.hidden {display:none}
.recordListContainer ul li input[type="checkbox"], .recordListContainer ul li input[type="radio"] {margin-right:0.2em;}
.recordListContainer ul li input.submitAsLink {float: none;}
.recordListContainer ul li div.recordContent {float:left; width:95%;}
/* .recordContent {font-size:90%;} */
.rowActions, .recordTitle {/*margin-left:-0.2em;*/width:94%; float:left; }
.recordContent .rowActions span {margin:0 0.2em;}
.recordContent .rowActions a {margin-right:0.2em;}
.recordListContainer .recordTitle a {font-weight:700;}
.recordContainer img {margin-right:0.5em;}
.recordListContainer ul li div.thubmnailContainer{background-color: #FFFFFF;border: 1px solid #CCCCCC;margin-right: 0.8em;min-height: 5em;padding: 0.5em;text-align: center;width: 7em;height: 7em; display:table;}
.recordListContainer ul li div.thubmnailContainer img{ margin: auto; max-height: 7em; max-width: 7em; object-fit: contain; width: 100%; }
.recordListContainer ul li div.thubmnailContainer span{margin-right:0; min-height:0px; display:table-cell; vertical-align:middle;}
.recordListContainer ul li div.thubmnailContainerTall{min-height: 10em;}
.recordListContainer ul li div.recordTitle span.recordFormat {color:#000; font-weight:700;}
/* .recordListContainer ul li div strong {color:#000;} */
.recordListContainer ul li div.recordPricing span.recordCopyPrice {color:#080;}
.recordListContainer ul li div.recordPricing strong.recordCopyPrice {color:#080;}
.recordListContainer ul li div.recordAvailability {margin-top:0.2em;}
.recordListContainer ul li div.recordAvailability span.recordAvailable {color:#080; display:inline-block; font-weight:700; min-width:5.5em;}
.recordListContainer ul li div.recordAvailability span.recordNotAvailable {color:#cc0303; font-weight:700;}
.recordListContainer ul li div.recordAvailability span.recordAvailableHidden {display:inline-block; min-width:5.5em; visibility:hidden;}
.recordListContainer ul li div.recordVendor strong {color:#000;}
.recordListContainer ul li div.recordExpected span.recordDelivery {color:#080;}
.recordListContainer ul li div.recordFund strong {color:#000;}
.recordListContainer ul li div.recordIssues strong {color:#cc0303;}
.recordListContainer ul li div.recordActions {margin-top:0.2em;}
.recordListContainer ul li div.recordActions a {display:inline-block; text-decoration:underline;}
.recordListContainer ul li div.recordActions img {display:inline-block; padding-bottom:2px; padding-left:0.5em; padding-right:0.7em; vertical-align:text-bottom;}
.recordListActionSeparator {margin-right:0;}
.recordListContainer .recordTitle input.submitAsLink {font-weight:bold; text-decoration:underline; font-family:Arial; font-size:110%;}
.recordListContainer ul li input.submitAsLink:hover {text-decoration:underline;}
.recordAvailable {color:#008800; display:inline-block; font-weight:bold; min-width:5.5em; margin-right:0.2em;}
.recordContainer .listNumeration {margin-top:0.1em;}
.redCell {color:red; display:inline-block; font-weight:bold; min-width:5.5em; margin-right:0.2em;}
/* .spacer_after_1em {margin-right:1em;} */
/* .spacer_before_1em {margin-left:1em;} */
.picture .spacer_after_1em { margin-right:0;}
.recordListSelectAll {padding-bottom: 0.5em;}
.recordListSelectAll div {padding-left: 1.6em;padding-bottom: 0.5em; }
.iconWidth16Px {width:16px; margin-right:3px}
.iconWidth16Px .spacer_after_1em {margin-right:0}
td.singleThumbnailContainer img{max-height: 5em; max-width: 5em; object-fit: contain; width: 100%;}
div.singleThumbnailContainer img{ margin: auto; max-height: 7em; max-width: 7em; object-fit: contain; width: 100%; }
/*work set link */
.recordListContainer ul li cite.workSet {background:#efefef; float:right; font-size:100%; font-style:normal; width:auto;}
.recordListContainer ul li cite.workSet span {background:url(images/bg_diagonal.png?version=March2018) no-repeat center #fff; clear:right; display:block; float:left; height:22px; width:22px;}
.recordListContainer ul li cite.workSet a {line-height:160%; padding:0 0.5em 0 0.1em;}
/*record status indicator */
.recordListContainer ul li span.recordStatus {background:#efefef; float:right; font-size:100%; font-style:normal; text-align:center; width:9.5em;}
.recordListContainer ul li span.recordStatus span {background:url(images/bg_diagonal.png?version=March2018) no-repeat center #fff; clear:right; display:block; float:left; height:22px; width:22px;}
.recordListContainer ul li span.recordStatus strong.status {font-weight:400; line-height:160%; padding:0;}
fieldset.schedule {border: solid 1px #dadada; width:90%; margin:0 auto; padding:1em;}
.typeC fieldset.schedule input.date, .typeC fieldset.schedule select.date {width:10%;}
fieldset.schedule img {vertical-align:bottom;}
.underC {margin: 0 auto; width:669px; height:274px; padding-top:130px; text-align:center; background-image:url('/infra/branding/icons/under_construction.png?version=March2018'); background-repeat:no-repeat;}
/*Class for all the icons that were links or input type image and were changed to input type submit with background */
table tr td.picture input.submitableIcons {background-position:center center; width:100%; height:16px;}
input.submitableIcons, .typeC .formDiv input.submitableIcons[type="submit"] {background-position:center center; width:100%; background-repeat:no-repeat; text-indent: -10000px; border:0px solid #fff; background-color:transparent; cursor: pointer; font-size: 0; display:block; line-height: 0;}
span.submitableIconsInForm {display:inline-block; vertical-align:bottom;}
fieldset.entireForm {border:1px solid #dadada; padding:1em; margin-left:1em; width:95%;}
.mainContainer .entireForm table {background-color:transparent;}
/*Style for the facets*/
.col2 h3, col1 h3 {margin:0.4em 0.4em 0.4em 3%; font-size:90%;}
/* .facets {width:95%; margin: 0 2%;} */
/* .facets h4 { background: #999; background:-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #ffffff,  #eeeeee); border:1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:90%; height:21px; width:100%; margin:0.5em auto; line-height: 21px; color:#555; border-bottom:solid #ccc 1px; border-top:solid #ccc 1px;} */
/* .facets h4 span {padding: 0.5em;} */
.facets ul {list-style-type: none; /*width:99%; margin: 0 auto 1em;*/}
/* .facets li {padding-left: 1em;} */
/* .facets h4 span {text-shadow: 1px 1px #fff; padding-left: 1.4em; font-size: 95%;} */
/* .facets li a {padding-left:0.3em; font-size:85%;} */
/* .facets .submitAsLink {font-size:85%;} */
/*Remove facets styles*/
.facetSelected {width:100%;  border-bottom: 1px solid #cccccc;; min-height:2.5em; line-height:2.5em; padding-top: 0.5em; background-color: #fbfbfb; padding-bottom:0.2em;}
.facetSelected ul {list-style:none; margin-left:1em; float:left; width:80%;}
.facetSelected li {height: 1.5em; line-height:1.5em; float:left; border:1px #cccccc solid; background-color:#fff; padding:0.2em; margin-right:1em; margin-bottom: 0.2em;}
.facetSelected input {background: url(/infra/branding/icons/removeFacet.png?version=March2018) no-repeat; padding: 0.1em;  cursor: pointer; border:none; text-indent:-10000px; width:14px; height:20px; float:left;  border:0px solid #fff; background-color:transparent; font-size: 0; display:block; line-height: 0;}
.facetSelected input:hover {background-position: -14px top;}
.facetSelected li.label {color:#000;}
.facetSelected li span {margin-right: 1em; float:left;}
.facetSelected .alignLeft {margin-left: 0.2em}
/*Inline popup*/
.popup { background:none repeat scroll 0 0 #ffffff; border:1px solid #BBBBBB; float:left; margin:10px 0; padding:10px 0; width:100%;}
.popup .typeC2 {padding-left:0; padding-top:5px;padding-bottom:5px;margin-bottom:-0.8em;margin-top:-0.8em;margin-right:auto; margin-left:auto; width:99%; background-color: #f4f4f4; -moz-border-radius: 0 0 3px 3px; border:1px solid #ddd;  -webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px; border:1px solid #ddd; border-top:none; border-bottom:none; -webkit-border-radius: 0 0 3px 3px;}
/* advanced search new classes*/
/* .advancedSearch {border: dotted 1px #ccc; padding 1em; margin: 1em; background-color: #fbfbfb; background-image:url('/infra/images/advanced-bg.png?version=March2018'); background-repeat:repeat-x;}
.advancedSearch legend { font-weight:700; background-color: #f2f2f2; padding:0 5em; margin-left:1em; border: solid 1px #D7DDE3;}
.advancedSearch .typeC {padding: 0.4em  0 0.4em 0;}
.advancedSearchLink {display: block; float: right; margin-left:0.2em;} */
/* Folders new classes*/
.folders {width:100%; /*border-top: solid 1px #D7DDE3;*/}
.folders input {text-align:left; background:url(/infra/images/bg_strip_Folder.png?version=March2018); repeat-x scroll left bottom #D7DDE3; border-color:#fff #fff #D7DDE3 #fff; border-style:none none solid none; border-width:0 0 1px 0; color:#9B9B9B; cursor:pointer; font-weight:700; height:36px; overflow:visible; padding:0 3px; width:100%;}
.folders input.tabSelected {background:url(/infra/images/bg_strip_ChoosenFolder.png?version=March2018); repeat-x scroll left bottom #D7DDE3; color:#555555; cursor: default; border-bottom:1px solid #D7DDE3; display:block;}
.typeC .small input.pickupReset {margin-top:1px; margin-left: -19px; border: 0; background: url(/infra/images/broom.png?version=March2018) no-repeat #fff center center; float:left; height:16px; width:17px; cursor:pointer; text-indent:-1000000px; font-size:0; display:block; line-height:0;}
.typeC .formDiv input[type="submit"].dateReset {text-indent: -100000em; display: inline-block; margin-left: -18px; margin-top: 1px; vertical-align: top; background:url('/infra/images/broom.png?version=March2018') no-repeat transparent; width:17px; height:16px; border:none; cursor: pointer; }
.typeC .formDiv input[type="submit"].dateTimeReset {text-indent: -100000em; display: inline-block; margin-left: 5px; margin-top: 1px; vertical-align: top; background:url('/infra/images/broom.png?version=March2018') no-repeat transparent; width:17px; height:16px; border:none; cursor: pointer; }
/*style for the new popups in the infra*/
#mask, .overlay { position:absolute; left:0; top:0; z-index:300; background-color:#000;}
#boxes .window { position:absolute; left:0; top:0; z-index:400;}
#boxes #dialog, #boxes #sessionTimeoutDialog {cursor:move; width:50%; background:none repeat scroll 0 0 #ddd; border:10px solid #fff; padding:10px 20px; margin-left:25%;  margin-top:10%;}
#boxes #dialog #popupContent {cursor:default;}
#mask, .altMask {width: 100%; height: 100%; display: block; -moz-opacity: 0.70; opacity:.70; filter: alpha(opacity=70);position: fixed;}

#boxes #sessionTimeoutDialog {border: 2px solid #FF0; box-shadow: 0 0 5px 1px #FFA500; width: 40%; margin-left: 28.5%;}
#boxes #sessionTimeoutDialog li.attentionMessageLine {padding-left: 60px; background: transparent url('/infra/images/hex-warn-128.png?version=March2018') no-repeat scroll left center/49px auto;}
#boxes #sessionTimeoutDialog li.errorMessageLine {font-size: 0.8em; margin-left: 80px;}
#boxes #sessionTimeoutDialog hr.dividerA.animatedTimer {position: relative; top: -3px; float: right; background-color: red;}
#boxes #sessionTimeoutDialog + div.overlay {position:fixed; width: 100%; height: 100%; opacity: 0.7;}
#sessionCountdownTimer {display: none; position: fixed; bottom: 0; margin-left: auto; margin-right: auto; width: 100%; text-align: center; z-index: 9999;}
#sessionCountdownTimer span {font-weight: bold; color: red; background-color: black; padding: 5px; border-radius: 5px 5px 5px 5px;}

#progress .window { position:absolute; left:0; top:0; z-index:9999;width: 70%; margin-left:15%;margin-top:15%;}
#progress #dialog {cursor:move; width:50%; background:none repeat scroll 0 0 #ddd; border:10px solid #fff; padding:10px 20px; margin-left:25%;  margin-top:10%;}
#progress #dialog #popupContent {cursor:default;}
#progress #percentage{color:#fff;font-size:1.3em;line-height:2em;text-align:center;z-index:30;;z-index:9001;width:50%; margin: 0px auto;}
#progress #progressbar {z-index:600;width: 50%; margin: 0px auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(170, 170, 170); z-index: 20;height:10px}
#progress #buttons{line-height:1.8em;color:#fff;font-size:1em;text-align:center;position:relative;z-index:30;margin-top:3px;width:60%;margin:auto}
.ui-progressbar-value{background:#66FF66 !important;border: 1px solid #fff !important;transition: width 0.5s; -webkit-transition: width 0.5s;}
#progress .dotOne,#progress .dotTwo, #progress .dotThree{font-size:2rem}
#progress .dotOne,#progress .dotTwo{-webkit-animation:dot 1.3s infinite;opacity:0}
#progress .dotOne{-webkit-animation-delay:0ms;animation:dot 1.3s infinite;animation-delay:0ms;-moz-animation:dot 1.3s infinite;-moz-animation-delay:0ms}
#progress .dotTwo{-webkit-animation-delay:.2s;animation:dot 1.3s infinite;animation-delay:.2s;-moz-animation:dot 1.3s infinite;-moz-animation-delay:.2s}
#progress .dotThree{opacity:0;-webkit-animation:dot 1.3s infinite;-webkit-animation-delay:.3s;animation:dot 1.3s infinite;animation-delay:.3s;-moz-animation:dot 1.3s infinite;-moz-animation-delay:.3s}
@-webkit-keyframes dot{0%,50%{opacity:0}100%{opacity:1}}
@-moz-keyframes dot{0%,50%{opacity:0}100%{opacity:1}}
@keyframes dot{0%,50%{opacity:0}100%{opacity:1}}
.ui-progressbar-value:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;background-size:50px 50px;animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;overflow:hidden;border-radius:20px 8px 8px 20px}
.ui-progressbar-value{display:block;height:100%;background-color:#2bc253;background-image:linear-gradient(center bottom,#2bc253 37%,#54f054 69%);box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);position:relative;overflow:hidden;border-radius:20px 8px 8px 20px}
#progress.modalProgress .window {margin-left: 40%;background: black none repeat scroll 0% 0%;padding: 1em;opacity: 0.9;border-radius: 5px;width: 20%;}
#progress.modalProgress .window div, .modalProgress > .window span{width:100% !important}
#progress.modalProgress{z-index:600}
/*###------------------------List New Design------------CHANGES----------###*/

/*###---Filters---###*/
ul.mainActions {list-style: none; float:left; height: 19px;  line-height: 19px;}
ul.mainActions li {float:left;}
.borderRight {border-right: 1px dotted #ccc; margin-right:0.5em; padding-right:0.5em;}
.borderLeft {border-left: 1px dotted #ccc; margin-left:0.5em; padding-left:0.5em;}
.borderTop {border-Top: 2px solid #ccc;}
li.boxName {font-weight:700;margin-left:5px;margin-right:5px}
ul.filterBox li.box {height:17px; line-height: 17px; -moz-border-radius: 3px 3px 3px 3px; border-color: #dadada; border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; -moz-use-text-color: #dadada #dadada; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; margin: 0 0.3em 0 0.3em; display:block; background: url("/infra/images/ui-combo-box.png?version=March2018") no-repeat scroll right 70% #fff; padding-right:25px; margin-right:1em; padding-left:0.3em;  cursor:pointer;}
li.hideActions ul.actionsToHide {display: block; overflow:hidden; height:0; width:0;  background-color:#fff;  float:left; position:absolute; z-index:10; margin:-2px 0 0 -4px;}
li.hideActions ul.underButton {margin:-1px 0 0 -1px;}
ul.clickAction li.hideActions:hover ul.actionsToHide, li.clickAction ul.actionsToHide {height:auto; border:1px solid #ccc; width:auto; border-bottom:0; background-color:transparent;}
/*------------Temporary class for the upper actions----------------------*/
ul.mainActions li.hideActions .openUpperActions, li.hideActions .openUpperActions ul.actionsToHide {height:auto; border:1px solid #ccc; width:auto; background-color:transparent;}
/*.buttonAction, .widgetContainer .welcomeMessage .alignRight {-webkit-box-shadow:-1px -1px 1px #ddd inset; -webkit-box-shadow:-1px -1px 1px #ddd inset; -moz-box-shadow: -1px -1px 1px #ddd inset; background: #fbfbfb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1);border-color: #CCCCCC #BBBBBB #A0A0A0; border-style: solid;  border-width: 1px; padding: 1px 0; cursor:pointer;  vertical-align: baseline;} */
/*###---.arrowDown .buttonAction {padding-right:1.5em; background-image: url("/infra/images/icon_optionsMenu_down.png?version=March2018"); background-repeat: no-repeat; background-position: 85% 60%;}---###*/
.buttonAction:hover {-webkit-box-shadow:1px 1px 1px #ddd inset; -webkit-box-shadow:1px 1px 1px #ddd inset; -moz-box-shadow: 1px 1px 1px #ddd inset; border-color:#939393;}
.buttonAction:hover input {color:#333;}
.buttonAction input, .buttonAction a {border:none; background:transparent; font-weight:700; font-size: 100%; text-shadow: 1px 1px #fff; height:13px; cursor: pointer; font-family:arial; width:100%; padding:0 0.5em;}
.buttonAction input.submitAsLink {text-decoration: none;}
.buttonAction input {font-size: 90%;}
.typeD table td .buttonAction input {font-size: 85%; height:14px;}
.typeD table td .buttonAction {height:16px; display: block; margin:1px 0 1px 0;}
/* .roundLeft, .widgetContainer .welcomeMessage .alignRight {-moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-left-radius:2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius:2px;} */
/* .roundRight, .widgetContainer .welcomeMessage .alignRight {-moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-top-right-radius:2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius:2px;} */
.buttonActionAdjacent {border-right:none;}
.arrowDown {background:url("/infra/images/icon_optionsMenu_down.png?version=March2018") no-repeat 50% 50% transparent; display:inline-block; width:8px;}

.typeI div.alignRight ul li {color:#555;}
.typeI div.alignRight {height: 26px; line-height: 26px;}
.typeI div.alignLeft {height: 26px; line-height: 26px;}
.typeI div.alignRight ul {height: 26px; line-height: 26px;}
.typeI div.alignRight ul li {height: 26px; line-height: 26px;}
.pagination .buttonAction, .pagination .buttonAction input {padding: 0; min-width:0.9em;}
.pagination .selected {border-color:#939393; background:#f0f1f8;}
.typeI div.alignRight ul.pagination li .selected input {color:#555; cursor: default;}
span.Arrow input {text-indent:-1000em; width:10px;}
span.firstPage input {background: url("/infra/images/firstPage.png?version=March2018") no-repeat transparent center center;}
span.previousPage input {background: url("/infra/images/previousPage.png?version=March2018") no-repeat transparent center center;}
span.nextPage input {background: url("/infra/images/nextPage.png?version=March2018") no-repeat transparent center center;}
span.lastPage input {background: url("/infra/images/lastPage.png?version=March2018") no-repeat transparent center center;}

/* .typeJ input.find {border:none; width: 7em;} ###---just fix the general class of border in typeJ---### */

.listActions {position: relative}
.typeD table td ul.listActions input {width:100%; text-align:center;}
.typeD table td ul.listActions ul.underButton input, .typeD table td ul.listActions ul.underButton a {text-align:left; padding:0 1.5em 0 0.5em; text-decoration: none;white-space:nowrap;width:auto;font-weight: 500}
.typeD table th {height:20px;}
.typeD table th:last-child {-moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-right-radius:3px;}
.typeD table th:first-child {-moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius:3px;}
.typeD table th, .typeD table td {padding-left:2px;}
.typeD table td .buttonAction {padding: 0; white-space: nowrap;}
.typeD table td .buttonAction input {width:auto;}
.typeD table td.listCheckbox {padding-right:0;}
.typeD table td ul li ul.underButton {margin-left:0; z-index:11;}
.hidden {display:none;}
.hiddenCheck input[type="checkbox"]{display:none;}
/*.advancedSearchCalendar .hidden {display:inline;}*/

.listActions ul.comboActions {border:1px solid #ccc; position:absolute;}
ul.comboActions li {clear:left; border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #fff; font-weight: 700; width: 100%; background-color:#fbfbfb; display:block; text-align: left;}
ul.comboActions li:hover {background-color:#eee;}
ul.comboActions li.selected {background-color:#f5f5f5; cursor:default;}

li.hideRadio ul li input[type="radio"] {position:absolute; left:-10000em;}
ul.comboActions li input[type="radio"] {vertical-align: middle; margin-left:5px;}
li.hideRadio ul.radioStyle li label {background:url("/infra/images/findRadioUnchecked.png?version=March2018") no-repeat left 50%; padding-left:20px;}
li.hideRadio ul.radioStyle li:hover label, li.hideRadio ul.radioStyle li.selected label {background-image:url("/infra/images/findRadioChecked.png?version=March2018");}
ul.comboActions li label {padding:0 2em 0 0.5em; cursor:pointer;}
ul.comboActions li:hover label {color:#555;}
ul.comboActions li.selected label {cursor:default; color:#555;}
.typeI div.alignRight ul li.alignRight {float:right;}
.typeI div.alignRight ul li {font-size:100%;}
.typeI div.alignRight ul li.smallerText{font-size:95%;}
/*-------------URM CSS Document-------------*/
.HeaderWrap {background-color:#fff; margin-left:auto; margin-right:auto; width:98%; border:1px solid #bdbcbd; border-bottom:none; font-size:90%; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; margin-top:0.1em; }
/* .contentWrap { background-color:#fff; margin-left:auto; margin-right:auto; width:98%; border:1px solid #bdbcbd; border-top:none; margin-top:0; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-radius-bottomleft:3px; -webkit-border-radius-bottomright:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;} */
/* .FooterWrap {background-color:#fff; margin-left:auto; margin-right:auto; width:98%; border:1px solid #bdbcbddedede; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-radius-bottomleft:10px; -webkit-border-radius-bottomright:10px; border-top-bottom-radius:10px; border-top-bottom-radius:10px; border-top:none; height:10px;} */
/*-------------topbar-------------*/
/* .ContentWrap {background-color:#fff; border-bottom-color:-moz-use-text-color; border-bottom-style:none; border-bottom-width:medium; border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-color-value:#BDBCBD; border-left-style-ltr-source:physical; border-left-style-rtl-source:physical; border-left-style-value:solid; border-left-width-ltr-source:physical; border-left-width-rtl-source:physical; border-left-width-value:1px; border-right-color-ltr-source:physical; border-right-color-rtl-source:physical; border-right-color-value:#BDBCBD; border-right-style-ltr-source:physical; border-right-style-rtl-source:physical; border-right-style-value:solid; border-right-width-ltr-source:physical; border-right-width-rtl-source:physical; border-right-width-value:1px; border-top-color:-moz-use-text-color; border-top-style:none; border-top-width:medium; margin-left:auto; margin-right:auto; width:98%;} */

/* .Header {width:99.97%; height:43px; border-bottom:1px solid #dedede; float:left; line-height:43px; font-size:90%; background: #fbfbfb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); background: -ms-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1); margin:0 auto;  -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;}
.Header #alma_home_link {float:left; margin:0.6% 1% 0 1%; width:69px; height:26px; overflow: hidden}
.Header #alma_home_link > img {display: block; height: 100%; margin: 0 auto 0 auto;}
.Logo {float:left; height:43px; width:105px; padding-left:0em; vertical-align:text-bottom; text-align:center;}
.Logo a {width:100%; display:block;}
.Logo img {vertical-align: text-bottom; border:none; margin-top: 0.5em;}
.Logo #almaLogoImage {margin-top: 0.4em;margin-bottom:-13px;}
#almaEnvironment{color:#fff;font-size:10px;text-decoration:none;text-align: center;}
.almaLogoAndEnvironment:hover{text-decoration:none;}
.almaLogoAndEnvironment{margin-bottom:-21px;}

.Search {float:left; height:43px; width:20%; border-right:1px solid #dedede; padding-left:0.5em;}
.Search ul.mainActions {height: 43px;     line-height: 44px;} ###---Fix the vertical alignement---###
.Search .button {display: block; font-size: 0; line-height: 0; margin-top: 11px; text-indent:-1000em; width:25px; height:22px; border-left:none;  -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius:10px; background: url("/infra/images/search-header.png?version=March2018") no-repeat center center #fff;  border-color:#D7DDE3;  -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-left-radius:0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius:0px;}
.Search .button:active {background: url("/infra/images/jquery-ui/ui-anim_basic_16x16.gif?version=March2018") no-repeat center center #fff; ;}
.Search input[type="text"] {margin-top: 0.8em\9;IE8 border-right:none; height:20px; background: #fff; border-left:none; border-left-color:#ccc; border-left-style: dashed; padding-left:1px 1px 1px 1em; border-width:1px; padding-left: 2px; width:100%;}
 .Search ul.filterBox li.box {margin-top: 11px; background:none; margin-right:0; margin-left:0;  padding-right:0px; border-right:none;  width:12px; height:20px;  -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-top-right-radius:0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius:0; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius:10px;}
  .Search ul.filterBox li.searchIcon {padding-left:0; background-repeat:no-repeat; background-position: 3px center; background-image:url("/infra/images/searchDefault.png?version=March2018"); min-width:30px;}
  .Search ul.filterBox li.searchIcon img {padding:0 0 8px 20px;}
  .Search ul.filterBox li.searchUser {background-image:url("/infra/images/user.png?version=March2018");}
  .Search ul.filterBox li.searchinvoice {background-image:url("/infra/images/invoice.png?version=March2018");}
  .Search ul.filterBox li.searchP {background-image:url("/infra/images/searchPrint.png?version=March2018");}
  .Search ul.filterBox li.searchE {background-image:url("/infra/images/searchElectronic.png?version=March2018");}
  .Search ul.filterBox li.searchPortfolio {background-image:url("/infra/images/searchPortfolio.png?version=March2018");}
  .Search ul.filterBox li.searchD {background-image:url("/infra/images/searchDigital.png?version=March2018");}
  .Search ul.filterBox li.searchPOLines {background-image:url("/infra/images/POLines.png?version=March2018");}
  .Search ul.filterBox li.searchFund {background-image:url("/infra/images/coins.png?version=March2018");}
  .Search ul.filterBox li.searchAuthorities {background-image:url("/infra/images/searchAuthorities.png?version=March2018");}
  .Search ul.filterBox li.searchressourceRequest {background-image:url("/infra/images/ressourceRequest.png?version=March2018");}
  .Search ul.filterBox li.searchsearchInstitutionRepository {background-image:url("/infra/images/searchInstitutionRepository.png?version=March2018");}
  .Search ul.filterBox li.searchsearchKB {background-image:url("/infra/images/searchKB.png?version=March2018");}
  .Search ul.filterBox li.searchVendor {background-image:url("/infra/images/icon_vendor.png?version=March2018");}
  .Search ul.filterBox li.searchCollection {background-image:url("/infra/images/folder-open-image.png?version=March2018");}
  .Search ul li.hideActions ul.actionsToHide {margin-left:-1px; z-index:15;}
  .Search ul.filterBox li.box ul li	 {background-color: #FBFBFB;}
	.headerSearchBox {width:65%;  height: 33px;  line-height: 44px; margin-right:3px}
	*IE 11 hack for the text box not being vertically aligned*
	*::-ms-backdrop, .headerSearchBox  {margin-top:11px;}
	.headerSearchBox input {width:100%;}
.Search ul.filterBox li ul.comboActions li label {padding-left:20px;}
.Tasks {float:left; height:43px; line-height:43px; width:auto; padding-left:0.5em;}
.TasksWrapperShow span.TasksPanel {background-image:url(/infra/images/icon_tasks.png?version=March2018); background-repeat:no-repeat; background-position:right 0.2em; display:block; width:90%;white-space:nowrap;}
.TasksWrapperShow span.TasksPanel a {padding-right: 1.5em;}
.TasksWrapperShow div.TasksPanelOn {border:1px solid #d3d3d3; border-bottom:none; background-color:#fefefe; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -webkit-border-radius-topleft:9px; -webkit-border-radius-topright:9px; border-top-left-radius:9px; border-top-right-radius:9px;}
.UserInfo {float:left; height:43px; line-height:43px; width:25%; border-right:1px solid #dedede; border-left:1px solid #dedede; padding-left:0.5em; padding-right:0.5em; text-align:left; font-size:90%}
.reportHeader {width:18%; float:left; border-right: 1px solid #ccc; padding-left: 4%; text-align:left}
.SubNav {float:right; height:43px; line-height:43px; width:19%; text-align:right;}
.SubNav div.SubNavItem {display:inline-block; margin-right:0.5em; height: 28px; line-height: 28px; position: relative; z-index: 5;}
.userLanguage {width:30%; float:left;} */
/* .rfidButton input,.rfidButtonSearch{background: transparent url("/infra/images/rfid_button.png?version=November2015") no-repeat scroll center center;width:20px !important;text-indent: -1000px !important;border: medium none;display: block;margin-left:-7px;border-left: medium none #D7DDE3;border-width: medium;border-style: none;cursor:pointer} */
/* .rfidButtonSearch{width:20px;height:43px;} */
.rfidConnectorOn input,.rfidConnectorOnAction{background: transparent url("/infra/images/rfid_connector_on.png?version=November2015") no-repeat scroll center center;width:20px !important;text-indent: -1000px !important;border: medium none;display: block;margin-left:-7px;border-left: medium none #D7DDE3;border-width: medium;border-style: none;cursor:pointer}
.rfidConnectorOnAction{width:30%; float:right; height:43px;}
.rfidConnectorOff input,.rfidConnectorOffAction{background: transparent url("/infra/images/rfid_connector_off.png?version=November2015") no-repeat scroll center center;width:20px !important;text-indent: -1000px !important;border: medium none;display: block;margin-left:-7px;border-left: medium none #D7DDE3;border-width: medium;border-style: none;cursor:pointer}
.rfidConnectorOffAction{width:30%; float:right; height:43px;}
.PreferencesWrapperShow span.PreferencesPanel {padding-left:0.5em; padding-right:0.5em; padding-top:0.2em;}
.PreferencesWrapperShow div.PreferencesPanelOn {border:1px solid #d3d3d3; border-bottom:none; background-color:#fefefe; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -webkit-border-radius-topleft:9px; -webkit-border-radius-topright:9px; border-top-left-radius:9px; border-top-right-radius:9px;}
/* Workaround to fit everything in topnav including rfid icons */
/* @media (max-width: 1280px) {
	#ALMA_MENU_TOP_NAV_Search.Search { width: 21.5%;}
	#ALMA_MENU_TOP_NAV_UserInfo.UserInfo { width: 23.5%; }
	#ALMA_MENU_TOP_NAV_Search #ADD_HIDERADIO_TOP_NAV_Search_ul { width: 90%; }
} */

.organizationIcon {background: url("/infra/images/building.png?version=March2018") no-repeat; text-indent: 15px; display:block}
.libraryMapping {text-indent:0.5em}
ul.comboActions li.libraryMapping {background:#eee; cursor:default; text-shadow:1px 1px #fff; padding-left: 0}
ul.comboActions li label {display:block}
/* ul.comboActions li {border-left: solid 1px #ccc} */
ul.chooseOrganization ul.comboActions li label {padding-left:3em}
ul.chooseOrganization ul.comboActions li.libraryMapping label {padding-left:0.2em}
ul.chooseOrganization ul.comboActions {border-left: none; overflow: auto; overflow-x: hidden;  padding-bottom:0; margin-bottom:0}
ul.chooseOrganization li.clickAction ul.comboActions { width:20em;}
ul.chooseOrganization ul.comboActions li label.organizationIcon {padding-left: 0.8em; background-color:#ddd; text-shadow: 1px 1px #fff}


/*-----------Mega Drop Down--------*/
.MegaWrapper {width:auto; height:auto; border:1px solid #bdbcbd; -moz-border-radius-bottomright:9px; -moz-border-radius-bottomleft:9px; -webkit-border-radius-bottomright:9px; -webkit-border-radius-bottomleft:9px; border-bottom-right-radius:9px; border-bottom-left-radius:9px;/*display:table;*/ font-size:85%; background: #fbfbfb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8)); background: -moz-linear-gradient(top,  #fff,  #e8e8e8); position:absolute; left:auto; top:auto; text-align:left; margin-left:-6px; *margin-left:-53px; /*hack for IE7*/
	margin-top:16px; z-index:12;}
.MegaHeaderActions {border-bottom: 1px solid #dadada; background: #fbfbfb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1);}

ul.MegaHeaderActions {height:2em; line-height:2em;}
ul.MegaHeaderActions li {padding-left:1em;}
.MegaWrapper div.MegaColumn {width:auto; float:left; width:auto; *width:13%; padding-left:1em; padding-right:1em; border-right:1px solid #dadada;}
.MegaWrapper div.MegaColumn:last-child {border-right:none;}
.MegaWrapper div.MegaGutter {width:20px; display:table-cell; background-color:none; margin:0px; padding:0px; }
.MegaWrapper h2 {color:#000000; text-transform:uppercase; font-size:110%; line-height:1em; margin-bottom: 1em; margin-top: 1em; margin-left:0;}
.MegaWrapper h3 {color:#000000; font-size:100%; line-height:150%;}
.MegaWrapper div {display:block; width:100%; margin-top:0.5em;}
.MegaWrapper li {list-style-type:none; display:block; line-height:140%;}
ul.MegaHeaderActions li.MegaHeaderActionsHome {line-height:2em; float: left;}
.closeMenu {width:16px; float:right; margin-right:0.5em;}
.closeMenu a {display:block; width:100%;}
.MegaWrapperHide {display:none;}
/*-----------Tasks Panel--------*/
.TasksWrapper {width:30em; height:auto; border:1px solid #d3d3d3/*dedede*/; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; -webkit-border-radius-topright:6px; -webkit-border-radius-bottomright:6px; -webkit-border-radius-bottomleft:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; display:table; font-size:90%; background-color: #fefefe; background-position:bottom; background-repeat:repeat-x; position:absolute; left:auto; top:auto; text-align:left; padding:0em 0em 0em 0em; margin-left:0px; margin-top:0px; z-index: 15;}
.TasksWrapper div.TasksColumn {width:auto; display:table-cell;}
.TasksHeader {height:25px; width:100%; border:1px solid #d3d3d3; border-top:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-border-radius-topleft:0px; -webkit-border-radius-topleft:0px; border-top-left-radius:0px; display:table; line-height:25px; font-size:90%; background-color: #eeeeed; background-image:url(/infra/images/bg_strip_tasks_header.png?version=March2018); margin-left:-1px;}
.TasksHeader span {background-color:#fefefe; display:block; height:1px; width:83px; margin-top:-1px; float:left; clear:right;}
.TasksHeader ul.TasksHeaderActions {width:auto; float:right; padding-right:1em;}
.TasksHeader ul.TasksHeaderActions li {list-style-type:none; display:inline; line-height:280%; padding-left:0.5em;}
.TasksHeader ul.TasksHeaderActions li img {;}
.TasksWrapper h2 {color:#000000; text-transform:uppercase; font-size:110%; line-height:220%; margin-bottom:-1em;}
.TasksWrapper h3 {color:#000000; font-size:100%; line-height:150%; padding-left:1em; padding-right:1em;}
.TasksWrapper div {display:block; width:100%;}
.TasksWrapper div.TasksColumnActive li, .TasksWrapper div.TasksColumnPredicted li {width:100%; list-style-type:none; display:block; line-height:200%; text-indent:0em; text-indent:1em;}
.TasksWrapper div.TasksColumnActive li span, .TasksWrapper div.TasksColumnPredicted li span {margin-left:0.5em; font-size:90%; padding-right:1.5em;}
.TasksWrapper div.TasksColumnActive {background-color:#ffffff;}
.TasksWrapper div.TasksColumnActive li {border-bottom:1px solid #eeeeee;}
.TasksWrapper div.TasksColumnActive li a {line-height:100%;}
.TasksWrapper div.TasksColumnPredicted {background-color:transparent; border-top:1px solid #ffffff; padding-top:0.5em; padding-bottom:0.7em;}
.TasksWrapper div.TasksColumnPredicted li {line-height:180%;}
.TasksWrapperHide div.TasksWrapper {display:none;}
.TasksWrapperHide div.TasksPanelOn {border:none; background-color:transparent;}
/*-----------Preferences Panel--------*/
.PreferencesWrapper {width:30em; height:auto; border:1px solid #d3d3d3/*dedede*/; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:table; font-size:90%; background-color: #fefefe; background-image:url(/infra/images/bg_strip_mega_drop_down.png?version=March2018); background-position:bottom; background-repeat:repeat-x; position:absolute; left:auto; top:auto; text-align:left; padding:0em 0em 0em 0em; margin-left:-15em; margin-top:0px;}
.PreferencesWrapper div.PreferencesColumn {width:auto; display:table-cell;}
.PreferencesHeader {height:25px; width:100%; border:1px solid #d3d3d3; border-top:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-radius-topleft:6px; border-top-left-radius:6px; display:table; line-height:25px; font-size:90%; background-color: #eeeeed; background-image:url(/infra/images/bg_strip_tasks_header.png?version=March2018); margin-left:-1px;}
.PreferencesHeader span {background-color:#fefefe; display:block; height:1px; width:82px; margin-top:-1px; float:left; margin-left:175px; clear:left;}
.PreferencesHeader ul.PreferencesHeaderActions {width:auto; float:right; padding-right:1em;}
.PreferencesHeader ul.PreferencesHeaderActions li {list-style-type:none; display:inline; line-height:280%; padding-left:0.5em;}
.PreferencesHeader ul.PreferencesHeaderActions li img {;}
.PreferencesWrapper h2 {color:#000000; text-transform:uppercase; font-size:110%; line-height:220%; margin-bottom:-1em;}
.PreferencesWrapper h3 {color:#000000; font-size:100%; line-height:150%; padding-left:1em; padding-right:1em;}
.PreferencesWrapper div {display:block; width:100%;}
.PreferencesWrapper div p {padding:1em; line-height:normal;}
.PreferencesWrapperHide div.PreferencesWrapper {display:none;}
.PreferencesWrapperHide div.PreferencesPanelOn {border:none; background-color:transparent;}

.HelpWrapperHide div.HelpPanelOn {padding: 0 0.5em; margin-right: 0em; border: 1px solid #ccc; background-color:#fff; -moz-border-radius: 2px 2px 0 0 ; border-bottom:none; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;}
.HelpWrapperHide div.HelpPanelOff {margin-right: 0;padding: 0 0.5em; border: 1px solid transparent}
.helpContent {min-height:3em; border: 1px solid #ccc; position:absolute; margin:-1px 0 0 -5em; -moz-border-radius:2px; background-color:#fff; z-index:-1; -webkit-border-radius: 2px; border-radius: 2px;}
.popupWrap p.popupWrap {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(center top , #fff, #eee); border-bottom: 1px solid #ddd; -moz-border-radius:2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;}
.popupWrap p {padding:0 0.5em; min-width: 12em;  -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px; }
.releaseMenu{position:absolute;background:#fff;border:1px solid #ccc;font-size:0.9em;width:350px;display:none;box-shadow:1px 1px 3px #efefef;padding:0 !important;top:0}
.releaseMenu table{border-collapse: collapse;}
.releaseMenu th{background:#efefef;padding:4px;font-size:1.1em;}
.releaseMenu tr.past{color:#c0c0c0;text-shadow: 1px 1px #efefef;}
.releaseMenu tr.current{background:#f2fbe3;box-shadow:1px 1px 3px #ccc;}
.releaseMenu td{border-bottom:1px solid #ccc;padding:4px;}
.releaseMenu tr.last td{border-bottom:none;}
.generateTrackingIdMenu{position:absolute;margin-left:-33em;margin-top:-2em;background:#fff;border:1px solid #ccc;font-size:1.5em;width:32.9em;display:none;box-shadow:1px 1px 3px #efefef;padding:0 !important;color:red;}
.analytics {height: 28px; line-height: 28px; margin-right: 0.2em; margin-top: 0.4em; position: relative; z-index: 2;}
/**************** Alma Header ******************/
headerMenuWrapper{}
.almaLogo {float:left; height:43px; width:85px; padding-left:0em; vertical-align:text-bottom; text-align:center;}
.almaLogo a {width:100%; display:block;}
.almaLogo img {vertical-align: text-bottom; border:none; margin-top: 0.5em;}
.almaLogo #almaLogoImage {margin-top: 0.4em;margin-bottom:-13px;}
#scroller{position:absolute; left:97%; background: #fbfbfb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1);border:1px solid #ccc;padding:3px; margin-top:-2px;border-radius:0 0 3px 3px;cursor:pointer;z-index:500;display:none;}
.headerMenuWrapper ul{list-style-type:none;}
.headerMenuWrapper ul.menuNavigation{font-size:1em;}
.headerMenuWrapper ul.menuNavigation > li{float:left;height:43px;line-height:43px;border-right:1px solid #dedede;}
.headerMenuWrapper ul.menuNavigation > li > a.menuSelected{text-decoration:none;color:#fff}
.headerMenuWrapper ul.menuNavigation > li input[type="submit"].searchIcon{background:url('/infra/images/toolbar_find.png?version=March2018')  no-repeat scroll center center;width:40px;height:30px;display: block;font-size: 0;text-indent: -1000em;border:none;cursor:pointer;height:43px;}
.headerMenuWrapper ul.menuNavigation > li input[type="submit"].searchIconClose{background:url('/infra/images/close.png?version=March2018')  no-repeat scroll center center;width:40px;height:30px;display: block;font-size: 0;text-indent: -1000em;border:none;cursor:pointer;height:43px;]}
.headerMenuWrapper ul.menuNavigation > li.menuSearch{border-left:1px solid #dedede;height:43px;}
.searchBoxWrapper{width:27%;;height:20px;line-height:20px;position:absolute;background:#fff;border:1px solid #ccc;padding:5px 6px 5px 6px;margin-top:6px;}
.searchBoxWrapper #searchBox{border:none;width:99%;outline: none;margin-top:0;}
.searchBoxWrapper input[type="submit"]{margin-top:0;border:0;cursor:pointer;outline: none;background:url('/infra/images/toolbar_find.png?version=March2018')  no-repeat scroll center center #fff;display: block; font-size: 0; line-height: 0;margin-top: 11px; text-indent:-1000em; width:25px; height:22px; border-left:none;  }
.searchBoxWrapper input[type="submit"]:active {background: url("/infra/images/jquery-ui/ui-anim_basic_16x16.gif?version=March2018") no-repeat center center #fff; ;}
.searchBoxWrapper #searchOptions{width:100%;line-height:2em;margin-top:2px;background:#fff;margin-top:1px;margin-left:-7px;background:#fff;}
.searchBoxWrapper #searchOptions li{border-left:none}
.almaSearch{float:left;margin-left:20px;border-right:1px solid #dedede}
.almaSearch ul.searchOptions{width:100%;margin-top:0;line-height:0;height:100%;}
.almaSearch ul.searchOptions > li{ margin-top:0 !important; border:0 !important}
.almaSearch .mainSearchBox{width:85%;margin:5px 6px 5px 6px; }
.almaSearch .searchButton{margin-top:0;border:0;height:20px;}
.almaSearch .searchButton input{margin-top:0;border:0}
.searchBoxWrapper ul.filterBox li.searchIcon {padding-left:0; background-repeat:no-repeat; background-position: 3px center; background-image:url("/infra/images/searchDefault.png?version=March2018"); min-width:30px;}
.searchBoxWrapper ul.filterBox li.searchIcon img {padding:0 0 8px 25px;}
.searchBoxWrapper ul.filterBox li ul.comboActions li label{padding-left:30px;}
.searchBoxWrapper ul.filterBox li.searchUser {background-image:url("/infra/images/search_user.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchinvoice {background-image:url("/infra/images/search_invoice.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchP {background-image:url("/infra/images/search_physical.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchE {background-image:url("/infra/images/search_electronic_collection.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchPortfolio {background-image:url("/infra/images/search_electronic_portfolio.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchD {background-image:url("/infra/images/search_digital.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchPOLines {background-image:url("/infra/images/search_po.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchFund {background-image:url("/infra/images/search_funds.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchAuthorities {background-image:url("/infra/images/search_authorities.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchressourceRequest {background-image:url("/infra/images/search_request.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchsearchInstitutionRepository {background-image:url("/infra/images/search_all_titles.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchsearchKB {background-image:url("/infra/images/searchKB.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchVendor {background-image:url("/infra/images/search_vendor.png?version=March2018");}
.searchBoxWrapper ul.filterBox li.searchCollection {background-image:url("/infra/images/search_collection.png?version=March2018");}
.headerMenuWrapper ul.menuNavigation > li > a{padding-left:15px;padding-right:35px;display:inline-block;height:43px;line-height:43px; background:url(/infra/images/drop_dark.png?version=March2018)  no-repeat 88%;color:#616161;font-size:1.1em;border-right:1px solid #dadada}
.headerMenuWrapper ul.menuNavigation > li > a:hover{text-decoration:none;color:#fff}
.subMenu{background:#fff;border:1px solid #ccc;position:absolute;box-shadow:0 2px 10px #d1d9e00 2px 4px rgba(0,0,0,.2);display:none;padding:5px;text-align:left;z-index:1000;}
.menuNavigation .subMenu{margin-top:3px;top:43px;max-height:80%;overflow-y: auto;white-space: nowrap;}

.menuNavigation .subMenu::-webkit-scrollbar {width: 5px;}
.menuNavigation .subMenu::-webkit-scrollbar-track {width: 3px;}
.menuNavigation .subMenu::-webkit-scrollbar-thumb {width: 3px;background:#ccc;height: 10px;}
.menuNavigation .subMenu::-webkit-scrollbar-track-piece {height: 10px;width: 3px;}
.subMenu {border-top:none;border-top:1px solid #ccc;}
.subMenu > li.subMenuTitle{border-top:1px solid #e0e0e0;padding-top:3px; padding-bottom:3px; margin-top:3px;color:#515151;font-weight:bold;font-size:0.9em;text-transform: uppercase;}
.subMenu > li.subMenuTitle:first-of-type{border-top:none;}
.subMenu > li.last{border-right:none;}
.subMenu > li.breaker{clear:both; width:100%;border-right:none;}
.subMenu > li h2{font-weight:bold;font-size:1em;padding:0;margin:0;padding:3px 20px 3px 10px;line-height:1em;}
.subMenu .hasSubMenu {width:auto;padding:0;}
.subMenu .hasSubMenu:hover{color:#fff}
.subMenu .hasSubMenu a{display:block;background:url(/infra/images/drop_dark_right.png?version=March2018)  no-repeat 88%;padding-right:35px;height:1.5em;line-height:1.5em;}
.hasSubMenu .subMenu{margin-left:100%;}
#ALMA_TOP_MENU_MORE_sub_menu{height:auto;overflow-y:visible;}
#ALMA_TOP_MENU_MORE_sub_menu .subMenu{height:auto;overflow-y:visible;top:-5px;display:block}
.subMenu li a:hover,.subMenu li.activeMenuItem a{text-decoration:none;color:#fff;cursor: pointer;}
.subMenu .hasSubMenu a:hover, .subMenu .hasSubMenu a:active, .subMenu .hasSubMenu a:focus, .subMenu li.activeMenuItem a.subMenuSelected, .subMenu li a.subMenuSelected{text-decoration:none;color:#fff}
.subMenu li a:active, .subMenu li a:active, .subMenu li a:hover, .subMenu li a:focus {outline:none !important;text-decoration:none;}
.subMenu li:active, .subMenu li:active, .subMenu li:hover, .subMenu li:focus {outline:none !important;text-decoration:none}
.subMenu li a{display:block;line-height:1em;padding:5px 20px 5px 10px;font-size:1em;text-dcoration:underline;}
.quickLinksWrapper .subMenu:before{content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-bottom-color: rgba(0,0,0,0.3);position: absolute;top: -7px;left: 90%;}
.quickLinksWrapper .subMenu:after{content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;position: absolute;top: -6px;left: 90.5%;}
.quickLinksWrapper{border-left: 1px solid #dedede;height:43px;padding:0;text-align:center;line-height:43px;float:right;white-space: nowrap;}
.quickLinksWrapper .quickLinks{text-align:center;}
.quickLinksWrapper  ul{list-style-type:none;}
.quickLinksWrapper .quickLinks > ul > li{float:left;padding-right:10px;padding-left:10px;height:43px;}
.quickLinksWrapper .quickLinks > div{float:left;padding:12px 7px 0 7px;}
.quickLinksWrapper .quickLinks > ul > li > a{width:20px;height:43px;}
.quickLinksWrapper .subMenu{margin-top:10px;line-height:2em;padding:0;margin-left:-15px;min-width:200px;white-space: nowrap;}
.quickLinksWrapper .subMenu a{padding:5px;line-height:1.5em;display:block;width:96%;}
.quickLinksWrapper .subMenu li div{padding:5px;}
.quickLinksWrapper .subMenu ul li{padding:0}
.quickLinksWrapper a:hover{text-decoration:none;background:#efefef;}
.quickLinks_tasks{background:url(/infra/images/icon_tasks.png?version=March2018) no-repeat;}
.quickLinks_analytics{background:url(/infra/images/chart_bar.png?version=March2018) no-repeat;}
.quickLinks_help{background:url(/infra/images/help.png?version=March2018) no-repeat;}
.quickLinks_location{background:url(/infra/images/marker.png?version=March2018) no-repeat;} */
/**Override for home widgets within popups**/
.quickLinksWrapper .subMenu .widgetContent{padding:0;}
.quickLinksWrapper .subMenu .widgetContent ul{padding:0;}
.quickLinksWrapper .subMenu .widgetContent a{line-height:1em;display:inline-block;}
.quickLinksWrapper .subMenu .widgetContent ul li:hover{background:#efefef !important;}
.quickLinksWrapper .subMenu .widgetContent ul li a:hover{background:#efefef !important;}
.quickLinksWrapper .subMenu .widgetContent ul li{padding:0 3px 0 3px;}
.transparentIconsWrapper:hover{background:none}
.transparentIconsWrapper{background:none}
/****************************/
/*-----------Footer----------*/
.Copyright {font-size:75%; line-height:200%; color:#424244; text-align:center;}
/*----------Search Header------------*/
.topSearchBox {width:80%; background:url("/infra/images/searchIcon.png?version=March2018") no-repeat 5px center #fff; padding-left:25px; height:20px;}
.search .buttonAction {background: #fbfbfb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1); border-color: #CCCCCC #BBBBBB #A0A0A0; border-style: solid;  border-width: 1px; padding: 1px 0.8em; cursor:pointer;  vertical-align: baseline;}
.topSearchBox:hover, .topSearchBox:focus {border-color:#939393;}
/*---------------New Wizard-----------*/
ul.wizard {list-style:none; margin-top:0.15em; margin-right:0;}
ul.wizard li {float:left; height:19px; line-height:20px; width:19px; background:url("/infra/images/wizardBg.png?version=March2018") no-repeat #dadada; text-align:center; font-size:120%; color:#888;}
ul.wizard li.wizardConnect {width:5px; background:url("/infra/images/wizardConnect.png?version=March2018") left -2px no-repeat #dadada;}
ul.wizard li.wizardHalf {width:12px;}
/*------------Lobby-----------------------*/
/* .widgetContainer {width:100%;} */
/* .widgetContainer .welcomeMessage {height:1.5em; clear: both; background-color:#eee; border-bottom: 1px solid #ccc;} */
/* .widgetContainer .welcomeMessage .alignRight {margin:0.1em 0.5em 0 0; padding-left:0.4em;} */
/* .widgetContainer .welcomeMessage .alignRight a {font-size:80%; font-weight:700; margin-right: 0.8em;} */
/* .widgetContainer .welcomeMessage .alignRight a:hover {text-decoration:none;} */
/* .widgetContainer h1 {display:inline; float: left; width: 50%;} */
.widgetColumn {width:30%; margin:1.6%; float:left;}
.widgetBox {width:100%; border-width:1px; border-style:solid; border-color: #dadada; font-size:75%; color:#000; margin-bottom:3em; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
/* .widgetTitle {cursor:move; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); background:-moz-linear-gradient(center top , #ffffff, #eeeeee); border-width:1px; border-style:solid; border-color: #dadada; font-weight:700; min-height:2em; line-height:2em; padding-left:0.4em; border-top:none; border-left:none; border-right:none; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} */
.widgetTitle ul.mainActions li {float:right;}
.titleWidget {float:left; width:80%; color: #333; text-shadow: 1px 1px #fff;}
.widgetFixed {cursor:default;}
.widgetContent {margin: 0 auto; width: 100%; padding: 10px 0;}
.widgetContent iframe {border:none;}
/* .widgetTitle ul.mainActions {float:right; margin-right:2px; margin-top:1px; width:7%;} */
.widgetContent ul {list-style:none; margin: 0}
/* .widgetContent ul li {border-bottom:1px solid #dadada; padding-left:0.5em; min-height:1.8em; line-height:1.8em;} */
/* .widgetContent ul li:hover { background-color:#f9f9f9;} */
.internalTitle {font-size:90%; min-height:2em; line-height:2em; padding-left:0.5em; background-color:#f9f9f9; border-bottom: 1px solid #dadada;}
/* .widgetContent p {padding:0.5em; padding-bottom:2em; border-bottom: 1px solid #f2f2f2;} */
/* .widgetFooter {background-color:#f9f9f9; border-top: 1px solid #fff; font-size:90%; padding-left:0.5em; min-height:2em; line-height:2em; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;} */
/* .widgetTitle li.hideActions ul.underButton {margin-left:-3.5em; margin-top:0.1em;} */
/* .widgetTitle .buttonAction img {padding: 4px 5px; margin-top: 1px;} */
/* .widgetTitle ul.comboActions li {padding: 0;} */
/* .widgetTitle li.hideActions ul.underButton {min-width:1em;} */
/* .widgetContent table {width:100%; margin: 0.4em auto 0.5em auto; color:#333;} */
/* .widgetContent table th {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align:left; background-color:#f9f9f9; padding-left: 2%} */
/* .widgetContent table td {border-bottom: 1px solid #ccc; text-align:left; padding-left:2%} */
/* .widgetContent table tr:last-child td {border-bottom: none} */
/* .widgetContent .titleBig {color:#ccc; font-size:2.2em;padding:10px 10px 0 10px;margin-bottom:-7px;font-weight:500;} */
/*homepage system notifications*/
/* .homeNotification{font-size:0.8em;border:1px solid #ccc;padding-top:4px;padding-bottom:4px;padding-left:5px;padding-left:5px;background-color:#ffffeb;margin:5px auto;width:60%;display:table;} */
/* .homeNotification .notificationText{display:inline-block;padding-left:5px;width:98%;} */
/* .homeNotification .notificationSubmitContainer{width:6%;display:inline-block;display:table-cell;vertical-align:middle;} */
/* .homeNotification .notificationSubmitContainer input:hover{cursor:pointer;-webkit-box-shadow:1px 1px 1px #ddd inset; -webkit-box-shadow:1px 1px 1px #ddd inset; -moz-box-shadow: 1px 1px 1px #ddd inset; border-color:#939393;} */
/* .homeNotification .notificationSubmitContainer input{border:1px solid #ccc;padding:2px;font-size:0.9em;border-radius:3px;margin-right:0.5em;border-color:#CCCCCC #BBBBBB #A0A0A0;background-color:#FBFBFB} */
/*------------Confirmation Box-----------------------*/
.confirmation {margin:0 5%; font-size:130%;}
.confirmation ul {list-style:none;}
.confirmation ul li {margin-left:4%; padding-left: 20px; line-height:1.5em; border:none;}
.confirmation ul li.title {margin:0 0 1em 0; padding-left: 0px;}
.confirmation ul li.bottomTitle {font-weight:700; margin:1em 0 0 0; padding-left: 0px;}
li.infoMessageLine {background: url("/infra/images/information-frame.png?version=March2018") no-repeat left center transparent;}
li.attentionMessageLine {background: url("/infra/images/exclamation-octagon.png?version=March2018") no-repeat left center transparent;}
li.errorMessageLine {background: url("/infra/images/cross.png?version=March2018") no-repeat left center transparent; color: #b83333; font-weight:700;}
/*------------------ new form/list design----------------*/
.sectionContainer {margin: 0 auto; width:99%; background-color: #f4f4f4; margin-bottom: 0.3em; -moz-border-radius: 0 0 3px 3px; border:1px solid #ddd; border-top:none; padding:0 0 1px 0; -webkit-border-radius: 0 0 3px 3px;}
.roundTopSection {margin-top:0.5em; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-right-radius:3px; border-top:1px solid #ddd;}
.typeB {margin:0.5em  auto 0; position:relative; background: #F4F4F4; border: none; clear: both;  height: 23px; padding: 0;  margin-bottom: 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-border-radius: 10px 10px 0 0;  border: 1px solid #DDDDDD; border-bottom:0; width: 99%;}
.typeB .alignLeft { line-height: 18px;  padding:0.2em; -webkit-border-top-left-radius: 10px;  -webkit-border-bottom-right-radius: 3px; border-top-left-radius: 3px;  border-bottom-right-radius: 3px;  -moz-border-radius-topleft: 3px;   -moz-border-radius-bottomright: 3px; color:#fff; height: 18px;}
.typeB .bgTransparent {background: no-repeat transparent;}
.typeB a {margin-left:0.5em;  white-space:nowrap;}
.typeB span {display:block; float:left; text-shadow: 1px -1px #092147; margin-right: 0.3em; font-size:85%;}
.sectionContainer .typeB {-moz-border-radius: 3px 3px 3px 0; -webkit-border-radius: 3px 3px 3px 0; border-radius: 3px 3px 3px 0; border: 1px solid #ddd;}
.sectionClosed {border: 1px solid #ddd; margin-bottom:1em; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius:3px;}
.typeC div.formDiv div.line div {line-height: 17px; min-height: 16px; padding-right:0.2%;}
.typeC div.formDiv div.line fieldset div {padding:0}
.typeC div.formDiv div.line div.fieldName{font-size: 90%}
.popInfoContainer .typeC div.formDiv div.line div.fieldName {font-size:100%}
.leftMarginA div.formDiv div.line div {padding-right:0%}
/*.typeI {-moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius:10px;}*/
.lowerAction {-moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-top-right-radius:0px;}
.fieldName {text-align:right;  text-shadow: 1px 1px #fff;}
.typeC div.formDiv div.line {  padding: 0.15em 0; margin-bottom:0;} /*###--- {margin-bottom: 1em; font-size:90%; background-color: #fafafa;}---###*/
.typeC div.formDiv div.line select {padding:0; width:100.9%; height:18px; -moz-border-radius-bottomright:2px; border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius:2px;}
.typeC div.formDiv div.line select.heightAuto {height:auto;}
.typeC .formDiv input, .typeC .formDiv textarea, .typeC .formDiv select, .typeC .formDiv input[type="password"] { _height:16px; min-height:16px;  -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius:2px; font-size:90%; font-family: arial; width:100%; text-indent:0.25em;}
.typeC .formDiv input[type="text"]{float:left;}
.typeC .formDiv select {text-indent:0}
.typeC .formDiv input[type="submit"] {-moz-border-radius: 5px 5px 5px 5px; text-indent: 0; width:auto}
.typeC .formDiv textarea {height:auto; font-size:100%; font-family: arial; color:#555;}
/*.typeC .formDiv input, .typeC .formDiv textarea {padding-left:15px;}*/
.typeC .formDiv input:hover, .typeC .formDiv textarea:hover, .typeC .formDiv select:hover {border-color:#a9b8c8;}
.typeC .formDiv input:focus,.typeC .formDiv select:focus,.typeC .formDiv textarea:focus {border-color: #aeb1ba; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);    outline: 0 none; background-color: #f9f9f9;}
select.mandatory, input.mandatory, textarea.mandatory { background: url("form1_files/mandatory.png?version=March2018") #fff no-repeat 3px center;}
.errorInForm select, .errorInForm input[type="text"], .errorInForm textarea {border-color: #ed7550 !important; background-color: #fae9e3 !important;}
textarea, select, input[type="text"] {border-width: 1px;}
.typeC div.formDiv div.last div {padding-bottom:0;}
textarea {border: 1px solid #BECAD5;}
.mandatoryPlaceHolder {width:0.5%; text-align:right}
.popup .mandatoryPlaceHolder {width:1%;}
.mandatoryPlaceHolder .mandatory {color: #ff0000}
.toolTip{border-radius:3px;line-height:1.8em;height:1.8em;font-size:0.8em;background-color: #F3ECEC;background-color: #fff;border: 1px solid #960808;box-shadow: 0 0 10px #a29c9c;margin-left: 0.2em;margin-top:2px; padding-left: 5px; padding-right: 5px;position: absolute;}
.toolTipInfo{border-radius:1px;width:150px;line-height:1.8em;font-size:0.8em;background-color: #F3ECEC;background-color: #fff;border: 1px solid #ccc;box-shadow: 0 0 6px #a29c9c;margin-left: 0.2em;padding-left: 5px; padding-right: 5px;position: absolute;}
div.popoutIcon {width: auto; background-image: url("/infra/images/icon_popout_tab.png?version=March2018");background-repeat: no-repeat;background-position: right;padding-right: 1.5em !important;}
/*------------------Patron view-------------------*/
.patronContainer {background-color: #f4f9ff; padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/*#exlidPatronInfoContainer  {border:1px solid #DEE0DF; height:109px; margin-left:auto; margin-right:auto; margin-top:1em; margin-bottom:1em; width:98%;}*/
#exlidPatronInfoContainer div.EXLPatronPicture {display:inline-block; float:left; padding-left:3%; padding-top:0.1em; padding-bottom:0.1em; width:30%}
#exlidPatronInfoContainer div.EXLPatronDetails {display:inline-block; float:left; width:67%; font-size: 90%}
#exlidPatronInfoContainer div.EXLPatronDetails span.EXLPatronDetailsRow {display:block; line-height:170%;}
.addWigetsListPopup #exlidPatronInfoContainer div.EXLPatronDetails {width:auto;}
.EXLPatronInfoContainer {display: inline-block; float: left; width: 35%;}
.EXLPatronNote {float: left; width: 62%;}
.EXLPatronNote .typeD table th, .EXLPatronNote .typeD2 table th {-webkit-border-radius: 0;border-radius:0; -moz-border-radius:0; background: none repeat scroll 0 0 rgba(244, 244, 244, 0.8); border-right: medium none; text-shadow: 1px 1px #fff; color:#555}
.EXLPatronNote .typeD, .EXLPatronNote .typeD2 {padding-top:0.2em}
/*------------------Widget Popup-------------------*/
.popup ul {list-style:none; font-size:80%; width:98%; margin:1em auto;width:90%;}
.EXLPatronDetailsRow {display:block;}
.popup ul li {border-bottom:1px solid #dadada; margin-top:0.5em;}
.popup ul.listActions {margin:0;}
.popup ul.listActions li {border-bottom:none;margin:0}
.addWigetsListPopup ul li {float:left; width:33%}
.addWigetsListPopup .EXLPatronInfoContainer {width:auto}
.popup .confirmation ul li {border-bottom:none;}
.popup ul li a {display:block; margin-top:0.5em;}
.popup .typeF {height: 2em;  margin-left: 1em; width:95%;}
/*.ui-draggable .sectionContainer {background-color:#fff;}*/
.closePopup {border:none; text-indent:-10000em; background: url("/infra/images/cross.png?version=March2018") no-repeat transparent; width:16px; height:16px; cursor:pointer;}
.ui-draggable .roundTopSection {margin-top:0.5em;}
.popup .conditionList ul {font-size:100%; margin:0.5em auto;}
.popup .conditionList ul li {border:none;}
.popup ul.mainActions {font-size: 100%; width: auto; margin: 0;}
.popup ul.mainActions li {border-bottom: none;  margin-top: 0;}

/*-------------------Tools for Lists---------------------------*/
.typeI div.alignRight li.hideActions ul.actionsToHide {height:0;}
.typeI div.alignRight li.hideActions ul.openUpperActions {height:auto;}
.typeI div.alignRight {padding-top:0;}
.typeI div.alignRight ul.pagination li { height: 23px;  line-height: 23px; margin-right: 0.2em;}
.typeI div.alignRight .export { border-left:solid 3px #dadada; font-weight: 700; padding-right:2px; height: 23px; line-height: 23px; float:right;}
.typeI div.alignRight .export input {background: url("/infra/images/table-export.png?version=March2018") no-repeat 3px center; padding: 0 0.6em 0 25px; color:#fff; font-size:90%; border:none; font-weight:700; font-family:arial; height: 25px; line-height: 27px; cursor:pointer;}
.col1 .typeI div.alignRight {width:79%;}
.col1 .typeI div.alignLeft {width:20%;}
.typeI div.alignRight ul li {padding-right:0;}
.typeI div.alignRight li.hideActions ul.actionsToHide {height:0;}
.typeI div.alignRight li.hideActions ul.openUpperActions {height:auto;}
.typeI div.alignRight li.hideActions ul.underButton {margin: -1px 0 0 -23px;}
.typeI div.alignRight li.hideActions ul.underButton {min-width:0em;right:2em;}
ul.comboActions li label.toolsIcons {padding:0 30px 0 20px; display:block;}
ul.comboActions li label.toolPRINT {background: url("/infra/images/printer.png?version=March2018") no-repeat center left transparent;}
ul.comboActions li label.toolEXCEL {background: url("/infra/images/page_excel.png?version=March2018") no-repeat center left transparent;}
ul.comboActions li label.toolEXCELdisabled {background: url("/infra/images/page_excel_bw.png?version=March2018") no-repeat center left transparent;color:#a1a1a1;}
ul.comboActions li label.toolPDF {background: url("/infra/images/page_white_acrobat.png?version=March2018") no-repeat center left transparent;}
ul.comboActions li label.toolDEFAULT {background: url("/infra/images/gear.png?version=March2018") no-repeat center left transparent;}
.typeI div.alignRight ul.comboActions li {height:22px; line-height:22px;}
/*---------------------------Configuration List-------------------------------*/
.implementationNavigation ul li {margin: 0.5em 0 0 2em; list-style: none; clear:both; padding-top: 0.3em;}
.implementationNavigation ul li ul li {margin: 0 0 0 2em; float:left; clear:none; padding-bottom:0.3em;  padding-right: 2em; border-right:1px solid #ccc;}
.implementationNavigation a {font-weight:700; width:90%;}
.implementationNavigation ul li ul li a {font-size: 90%; font-weight:400; width:90%;}
.implementationNavigation ul li a img {vertical-align:bottom;}
.implementationNavigation a:hover {text-decoration: none;}
.implementationNavigation span {margin-left: 20px; font-size: 100%; font-weight: 400; color:#555;  display:block; width:90%;}
.implementationNavigation span.linkName {display: inline; font-weight:700; margin-left: 0; color:#888; text-shadow: 1px 1px #fff;}
.implementationNavigation ul li ul {border-left: 8px solid #ddd; margin-bottom: 1em; margin-top: 0.4em; width: 97%;}
.implementationNavigation ul li ul li span {margin-left: 0;}
.implementationNavigation ul li ul li span.linkName {font-size:90%; font-weight:400;}
.implementationNavigation ul li.noDrawers {margin-left: 32px;}
.implementationNavigation ul li.noDrawers span {margin-left: 20px;}
.implementationNavigation ul li ul li span.linkName {backGROUND: none repeat scroll 0 0 transparent}
/*----------------------------Analytics config----------------*/
#TITLE_ID_comexlibrisdpsmenu_reports_conf_wizardreportsbi_objects > span, #TITLE_ID_comexlibrisdpsmenu_reports_conf_wizardreportsbi_objects > a{padding-left:20px; background: url("/infra/images/gear.png?version=March2018") no-repeat scroll left center transparent;}
/*-----------------------------fulfilment config---------------*/
#TITLE_ID_comexlibrisdpsmenu_fill_wizardLibrary > span, #TITLE_ID_comexlibrisdpsmenu_fill_wizardLibrary > a {padding-left:20px; background: url("/infra/images/building.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_exlibrismenuFulfillmentConfigurationPhysicalLocations > span, #TITLE_ID_exlibrismenuFulfillmentConfigurationPhysicalLocations > a {padding-left:20px; background: url("/infra/images/marker.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsadmgeneralmenuinitialFulfillmentFulfillmentHeaderFullEntitiesEntitiesHeadertext > span, #TITLE_ID_comexlibrisdpsadmgeneralmenuinitialFulfillmentFulfillmentHeaderFullEntitiesEntitiesHeadertext > a {background: url("/infra/images/circdesk-icon.png?version=March2018") no-repeat scroll left center transparent; padding-left: 20px;}
#TITLE_ID_exlibrismenuFulfillmentConfigurationPatronConfig > span, #TITLE_ID_exlibrismenuFulfillmentConfigurationPatronConfig > a {background: url("/infra/images/user-business-boss.png?version=March2018") no-repeat scroll left center transparent; padding-left: 20px;}
#TITLE_ID_exlibrismenuFulfillmentConfigurationDigitizationConfig > span, #TITLE_ID_exlibrismenuFulfillmentConfigurationDigitizationConfig > a {background: url("/infra/images/folder-open-image.png?version=March2018") no-repeat scroll left center transparent; padding-left: 20px;}
#TITLE_ID_comexlibrisdpsadmgeneralmenuinitialFulfillmentFulfillmentHeaderManageCoursesUnits > span, #TITLE_ID_comexlibrisdpsadmgeneralmenuinitialFulfillmentFulfillmentHeaderManageCoursesUnits > a {background: url("/infra/images/notebooks--pencil.png?version=March2018") no-repeat scroll left center transparent; padding-left: 20px;}
#TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardgeneral_conftext > span, #TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardgeneral_conftext > a {padding-left:20px; background: url("/infra/images/gear.png?version=March2018") no-repeat scroll left center transparent;}
/*-----------------------------general config---------------*/
#TITLE_ID_comexlibrisdpsmenu_general_conf_wizardlocations > span, #TITLE_ID_comexlibrisdpsmenu_general_conf_wizardlocations > a {padding-left:20px; background: url("/infra/images/marker.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_general_conf_wizardlibraries > span, #TITLE_ID_comexlibrisdpsmenu_general_conf_wizardlibraries > a {padding-left:20px; background: url("/infra/images/building.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_general_conf_wizardwork_orders_and_departments > span, #TITLE_ID_comexlibrisdpsmenu_general_conf_wizardwork_orders_and_departments > a {padding-left:20px; background: url("/infra/images/terminal.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_general_conf_wizardwexternal_systems > span, #TITLE_ID_comexlibrisdpsmenu_general_conf_wizardwexternal_systems > a {padding-left:20px; background: url("/infra/images/node-insert-previous.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_general_conf_wizardbranding > span, #TITLE_ID_comexlibrisdpsmenu_general_conf_wizarduser_interface_settings > a {padding-left:20px; background: url("/infra/images/ui-color-picker-switch.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_general_conf_wizardconfiguration_menus > span, #TITLE_ID_comexlibrisdpsmenu_general_conf_wizardconfiguration_menus > a {padding-left:20px; background: url("/infra/images/sitemap.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_general_conf_wizardgeneral_conf > span, #TITLE_ID_comexlibrisdpsmenu_general_conf_wizardgeneral_conf > a {padding-left:20px; background: url("/infra/images/gear.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_general_conf_wizardsecurity > span, #TITLE_ID_comexlibrisdpsmenu_general_conf_wizardsecurity > a {padding-left:20px; background: url("/infra/images/lock.png?version=March2018") no-repeat scroll left center transparent;}
/*-----------------------------ressource config---------------*/
#TITLE_ID_comexlibrisdpsmenu_resource_mng_conf_wizardsearch_configuration > span, #TITLE_ID_comexlibrisdpsmenu_resource_mng_conf_wizardsearch_configuration > a {padding-left:20px; background: url("/infra/images/magnifier.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpswrkgeneralmenuResMngCataloging > span, #TITLE_ID_comexlibrisdpswrkgeneralmenuResMngCataloging > a {padding-left:20px; background: url("/infra/images/book_edit.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_resource_mng_conf_wizardrecord_export > span, #TITLE_ID_comexlibrisdpsmenu_resource_mng_conf_wizardrecord_export > a {padding-left:20px; background: url("/infra/images/table_row_delete.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_resource_mng_conf_wizardrecord_import > span, #TITLE_ID_comexlibrisdpsmenu_resource_mng_conf_wizardrecord_import > a {padding-left:20px; background: url("/infra/images/table_row_insert.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_resource_mng_conf_wizardgeneral_conf > span, #TITLE_ID_comexlibrisdpsmenu_resource_mng_conf_wizardgeneral_conf > a {padding-left:20px; background: url("/infra/images/gear.png?version=March2018") no-repeat scroll left center transparent;}
/*-----------------------------user mng config---------------*/
#TITLE_ID_comexlibrisdpsmenu_user_mng_conf_wizardroles > span, #TITLE_ID_comexlibrisdpsmenu_user_mng_conf_wizardroles > a {padding-left:20px; background: url("/infra/images/lock.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_user_mng_conf_wizardmandatory_fields > span, #TITLE_ID_comexlibrisdpsmenu_user_mng_conf_wizardmandatory_fields > a {padding-left:20px; background: url("/infra/images/property.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_user_mng_conf_wizarduser_details > span, #TITLE_ID_comexlibrisdpsmenu_user_mng_conf_wizarduser_details > a {padding-left:20px; background: url("/infra/images/user.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_user_mng_conf_wizardpatron_charges > span, #TITLE_ID_comexlibrisdpsmenu_user_mng_conf_wizardpatron_charges > a {padding-left:20px; background: url("/infra/images/coins.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardgeneral_conftext > span, #TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardgeneral_conftext > a {padding-left:20px; background: url("/infra/images/gear.png?version=March2018") no-repeat scroll left center transparent;}
/*-----------------------------acquisition config---------------*/
#TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardpurchase_orders > span, #TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardpurchase_orders > a {padding-left:20px; background: url("/infra/images/icon_vendor.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardinvoices > span, #TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardinvoices > a {padding-left:20px; background: url("/infra/images/invoice.png?version=March2018") no-repeat scroll left center transparent;}
#TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardlicenses > span, #TITLE_ID_comexlibrisdpsmenu_acq_conf_wizardlicenses > a {padding-left:20px; background: url("/infra/images/book-open-bookmark.png?version=March2018") no-repeat scroll left center transparent;}
/*---------------------------Conversation-------------------------------*/
.conversation li:nth-of-type(odd) {background-color:#fff;}
.conversation .recordListContainer ul li  {padding: 1em 0;}

.dateError{color:#E10101;font-size:0.8em;}
.timeError{color:#E10101;font-size:0.8em;margin-left:32%;}
/*---------------------------Time--------------------------------*/
.typeC div.formDiv div.line .timePickerInner{display:inline-block;background-color:#ccc; padding:2px;border: 1px solid #898989;}
.typeC div.formDiv div.line .timePickerInner select{width:3.5em;}
.timePopup{background-color: white; border: 1px solid #898989; position: absolute; margin-top: 34px; padding: 2px;z-index:11;text-align:center !important;}
.timePopup .closeButton{width:100%;text-decoration:none;color:#555555;display:block;}
.typeC div.formDiv div.line .jsTimeField{width:38%;margin-left:-3px;background: url("/infra/images/time_icon.png?version=March2018") no-repeat scroll 99% center #FFFFFF;}
/*---------------------------New Footer Style-------------------------------
.typeF {position:fixed; bottom:2.5em; background: url("/infra/images/pageActionBG.png?version=March2018"); margin-left: 0em; padding: 0.5em 1%; width: 95%; border:1px #ccc solid; height:2em; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; left:1.4%;}
.mainContainer {padding-bottom:3em;}*/
/*--------------Sorting Bar-------------------------------------------------*/
/* .sortBar {background: #999; background:-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #ffffff,  #eeeeee); border:1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:90%; width:99%; margin:0.5em auto; color:#555; border-bottom:solid #ccc 1px; border-top:solid #ccc 1px;} */
/* .sortBar .alignLeft {margin-left:1em;} */
/* .sortBar label {font-weight: 700; margin-right:0.2em;} */
/* .sortBar select {border:1px solid #ccc; background:transparent; margin-right:1em; color:#555; font-size: 100%; font-family: arial; padding:1px; margin:4px 0; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;} */
/* .sortBar input.ui-combobox-input{border:1px solid #ccc; background:transparent; margin-right:1em; color:#555; font-size: 100%; font-family: arial; padding:1px; margin:4px 0;  border-radius:5px;} */
/*--------------Percentage Bar-------------------------------------------------*/
.percentLeft {float: left; width: 28%;}
.percentRight { border: 1px solid #333; float: right; height: 14px; width: 70%;}
.percentRight div {background: url("/infra/images/loadingBar.gif?version=March2018"); height: 14px;}

/*--------------TEST FOR TYPE-F DO NOT COMIT-----------------------------------------------
.typeF {height:2em; padding: 0.3em 5% 0 5%; margin:0; width:90%; border-top: solid 1px #ccc; border-bottom:solid 1px #ccc}
--*/
/*--------------Rating Styles-------------------------------------------------*/
.ratingForm  {margin: 0 0 0 5%; padding-top: 1em; width:90%;}
.ratingForm  .fieldName{font-weight:400; font-size:90%}
.ratingForm .textAlignLeft {text-align:left;}
.ratingForm table th {text-indent:2px}
.highRatingValue {padding-left:10%; font-weight:400; font-size:90%}
.mainContainer .ratingForm table {margin-bottom:0;}
.ratingForm  .ratingQuestion {font-weight:700; font-size:100%; background: #f9f9f9; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc;}
/*--------------------- NEW PDS DESIGN ---------------------*/
.pds {width:25em; border:1px solid #eee; background-color: #fff; margin:3% auto; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius:10px;}
.pds .BrandWrap {margin-top:0; width:100%; border: 1px solid #dedede; border-bottom: 0; -moz-border-radius: 10px 10px 0 0; border--radius:  10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0 }
.pds .BrandWrap .Brand {padding:0.5em}
.pds .Header {border-top: 1px solid #dedede; clear:both; width:100%;-moz-border-radius: 0; border--radius:  0; -webkit-border-radius: 0 }
.pds #subNav {padding-top:0}
.pds #subNav li {margin-top:0}
.loginBody {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#dddddd');  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ddd)); background: -moz-linear-gradient(top,  #f9f9f9,  #ddd);clear:both}
.loginBody ul {list-style: none; width:90%; margin:0 auto; padding-top: 1em; clear:both}
.loginBody ul li {margin-bottom: 0.4em}
.loginBody ul li.loginPassword {background: url("/infra/images/lock.png?version=March2018")  right 73% transparent  no-repeat}
.loginBody ul label {display:block; width:100%; font-size: 80%; font-weight: 700; color: #333; margin-bottom: 0.3em}
.loginBody ul select, .loginBody input[type="text"], .loginBody input[type="password"] {width:90%; -moz-box-shadow: 0px 1px 5px #ccc; -webkit-box-shadow: 0px 1px 5px #ccc; box-shadow: 0px 1px 5px #ccc; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-right-radius:3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius:3px; height:20px;  padding: 4px; -moz-box-shadow:inset 0 0 5px #ccc; -webkit-box-shadow:inset 0 0 5px #ccc; box-shadow:inset 0 0 5px #ccc;}
.PDSerror {color: #fff; font-size: 80%; text-shadow: 1px 1px #E10101;margin-bottom:-12px;}
.pds ul {list-style: none}
.pdsIframe {visibility: hidden; margin-left: -9999em; height: 1px; width: 1px}
.logoImage {background: url("/infra/images/PDS-logo-main.png?version=March2018") no-repeat 0.3em top; width:80px; height:23px;margin: 9% auto 0 auto;}
.pdsLanguage {background: url("/infra/images/icon_open_subMenu.png?version=March2018") no-repeat; display: inline-block; width:7px; height:8px}
.loginBody ul select {height:31px; width:93%}
.techReq {font-size: 80%}
.Almalogo{margin-bottom: 0}
.loginBottom {width: 100%;  -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius:10px; padding: 1em 0}
.blogbtn {-moz-border-radius: 5px 0 0 5px; background: -moz-linear-gradient(center top , #fff 0%, #ddd 50%, #ccc 51%, #bbb 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb'); border: 1px solid #eee; color: #444; cursor: pointer; font-family: arial; font-weight: 700; letter-spacing: 0; padding: 5px 10px 5px 20px; text-shadow: 0 1px 1px #eee, 0 -1px 1px #eee; float:right; margin: 0; font-size: 110%; border-right:0; text-transform: uppercase; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius:0px; }
.buttonRight .blogbtn { -moz-border-radius:  0 5px 5px 0; background: -moz-linear-gradient(center top , #eee 0%, #ccc 50%, #bbb 51%, #aaa 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa'); border: 1px solid #eee; color: #444; cursor: pointer; font-family: arial; font-weight: 700; letter-spacing: 0; padding: 5px 15px 5px 15px; text-shadow: 0 1px 1px #eee, 0 -1px 1px #eee; float:right; margin: 0 1em 0 0; font-size: 110%; border-left:0; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius:5px;}
/*--------------------- NEW BROWSE BUTTON ---------------------*/
/* input[type="file"]{opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); float:left; width: 100%; text-align:right; cursor: pointer; position:relative; height:16px}
.browseImage {margin-left:-20px; margin-top: 1px; cursor: pointer}
.typeC .formDiv input.browseInput{margin-top:-17px; cursor: pointer} */
/*----------------------user info popup-------------------------*/
.triangle-isosceles {position:absolute; padding:15px; margin:5px 0 1em; color:#000; background-color: #eeeeed; background: #fbfbfb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:-moz-linear-gradient(top, #fff, #eee); background:linear-gradient(top, #fff, #eee);z-index:5; box-shadow: 0 5px 5px #777}
.triangle-isosceles .closeIcon{background:url(/infra/images/cross.png?version=March2018) no-repeat;height:16px;width:16px;position: relative; margin-top: -1em; float: right;cursor:pointer;}
.popInfoContainer {position:relative;display:none;float:left}
.popInfoContainerUserDetails {position:absolute;z-index:5;width:25%;white-space:nowrap;}
.popInfoContainerPatronDetails {position:absolute;z-index:5;width:50%;white-space:nowrap;}
.popInfoContainer .mandatoryPlaceHolder {width: 2.5%;}
.widgetPopup:hover {cursor:pointer;}
.closeInfoPopup {position: relative; margin-top: -1em; margin-right:1.5em; float: right}
.closeInfoPopup img {position: absolute}
a.listPopupRight {display: inline-block; margin-left: 0.3em;}
a.listPopupLeft{margin-right:0.3em;vertical-align:middle}
.popInfoContainer table.listPopup tr td{border:none !important}
.popInfoContainer table.listPopup {border:none !important;}
/* creates triangle */
.triangle-isosceles:before {content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; top:-10px; left:60px; width:0; height:0; border-width:0 10px 10px; border-style:solid;}
/*when the margin is negative, it moves the triangle*/
.marginLeftNegative70 .triangle-isosceles:before {left: 40%}
/*Css enhancement a little plus in the design, Mickael*/
/* input[type="text"][disabled], input[type="text"][readonly], select [disabled],  select [readonly] {background-color:#eee; border:1px solid #999999;} */
/*version in help*/
.version {padding:0.5em; background-color: #efefef; border-top: solid 1px #dadada}
/*last update in analytics menu, very similar to version*/
.lastUpdate {padding:0.4em; background-color: #efefef; border-top: solid 1px #dadada; font-size:0.9em;}
.bodyLogin {height:99.9%; color: #555; font-size:100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e7f0', endColorstr='#e3e7f0');  background: -webkit-gradient(linear, left top, left bottom, from(#e3e7f0), to(#e3e7f0)); background: -moz-linear-gradient(top,  #e3e7f0,  #e3e7f0);}
.pdsMainContainer { -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; width:899px; height:479px; margin: 4em auto 0 auto;}
.pdsBottomBg{background: url('/infra/images/bottom-pds-bg.png?version=March2018') no-repeat transparent bottom; width:100%; height:100%;  -moz-border-radius: 10px;  -webkit-border-radius:10px;}
.pdsBrandLogo label {width: 100%; float: left; clear:left; margin-bottom: 0.5em; font-size: 90%;}
.pdsBrandLogo input {height: 30px; width: 80%; margin-bottom:0.5em; border: 1px solid #cecece}
.pdsBrandLogo input.loginSubmit {border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius: 10px; width:50%; margin-top:0.5em; color: #fff; font-weight: 700; border:none; font-size: 100%; height: 35px; line-height: 35px; }

.releaseNote {font-size:90%; margin-top:1em}
.loginPDSFooter {width:886px; margin: 1em auto 0 auto;  text-align:center; font-size: 80%}
.techReq {font-size: 80%;margin-top:2px;width:80%;line-height:1.3em;}
.viewMe input[type="file"]{opacity: 100; height:24px}
.typeB .alignLeft2 span {text-shadow: 1px 1px 2px #fff}

.pdsFullBg{background: url('/infra/images/login_background.png?version=March2018') no-repeat transparent bottom; width:100%; height:100%;  -moz-border-radius: 10px;  -webkit-border-radius:10px;}
.loginContainer {width: 39%; float: right; background: url('/infra/images/login_area.png?version=March2018') no-repeat transparent 0 top; height:100%;color:#fff;}
.logoArea{margin: 2em 5% 0 5% ;width: 37%; float: left;}

.loginContainer input {height: 30px; margin-bottom:0.5em; border: 1px solid #cecece;width:95%;}
.loginContainer input[type="text"],.loginContainer input[type="password"]{padding-left:0.5em;}
.loginContainer input.loginSubmit {border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius: 10px; width:60%; margin-top:2.5em; color: #fff; border:none; font-size: 100%; height: 35px; line-height: 35px;cursor:pointer; }
.loginContainer label{line-height:1.5em;}
.loginArea{width:70%;padding-left:1em;padding-top:3em;}

/*----------New Popup-------------------*/
.popupIcon{background:url(/infra/images/info_grey_icon.png?version=March2018) no-repeat;width:18px;display:inline-block;width:18px;height:18px;margin:2px 2px 0;}
.popupIcon:hover{background:url(/infra/images/info_grey_icon.png?version=March2018) -18px 0 no-repeat;cursor:pointer}
.infoPopup{z-index:5;display:none;position:absolute; background-color:#fff;border:1px solid #ccc;padding:10px;margin-left:-340px;width:320px;margin-top:-0.5em;box-shadow:0 7px 8px rgba(0, 0, 0, 0.07);/*border-top:3px solid #2C4D82; */font-size:0.9em;line-height:1.8em;border-radius:3px;}
.infoPopup.wideInfoPopup{width:460px;margin-left:-480px;}
.infoPopup .closeIcon{position:absolute;margin-left:89%;/*margin-top:-3px;*/cursor:pointer}
.infoPopup .fieldName{float:left;/*text-align:left;*/width:35%;}
.infoPopup .fieldValue{float:right;width:60%;}
.infoPopup .fieldContainer{max-height:500px;overflow-y:auto;}
.infoPopup .extendedBlock{margin-left:0;text-align:left;display:block;border-radius:0px;background-color:#fefefe;position:relative;box-shadow:0 0.5px 2px 0.5px #ccc;border:none;border-top:1px solid #ccc;padding:5px;margin-bottom:3px;width:85%;margin-top:3px;margin-left:auto;}
.infoPopup .extendedBlock:before{content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-bottom-color: rgba(0,0,0,0.3);position: absolute;top: -7px;left: 48.5%;}
.infoPopup .extendedBlock:after{content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;position: absolute;top: -6px;left: 49%;}
.infoPopup .extendedBlock .closeIcon{position:absolute;margin-left:89%;background:url(/infra/images/contract.gif?version=March2018) no-repeat;height:16px;width:16px;cursor:pointer;}
.extendedBlock .popupLabel{display:none;}
.extendedBlock .popupFieldValue{text-align:left;}
.closeableContainerOpen{/*display:block;*/}
ul.listContextMenu{border:1px solid #ccc;background:#fff;box-shadow:1px 3px 3px #efefef}
ul.listContextMenu li {background:#fff;border:none;padding:5px;width:auto;padding-right:10px;height:1em;}
ul.listContextMenu li input.submitAsLink{text-decoration:none;white-space:nowrap}
ul.listContextMenu li:hover{background-color:#eee;}
/*----------End New Popup design--------*/

/*---------------JQUERY-UI OVERRIDE--------------------*/
/* Overriding dialog style in jquery-ui.css to show title only - changed from .5em to 0 */
/* .loadingBlocker.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0 1em !important; background: none; overflow: auto; zoom: 1; } */
/* .loadingBlocker.ui-dialog{z-index:50000 !important;width:70px !important} */
/* .loadingBlocker.ui-dialog { position: fixed; top:45% !important; left: 48% !important; padding: .2em; width: 300px; overflow: hidden;background:none !important;border:none !important; } */
/* .ui-widget-overlay  {background:#000 !important;-moz-opacity: 0.4 !important; opacity:.4 !important; filter: alpha(opacity=4) !important;} */
/* .loadingBlocker.ui-dialog .ui-widget-header{background:#000 !important;-moz-opacity: 0.9 !important; opacity:.9 !important; filter: alpha(opacity=9) !important;} */
/* .loadingBlocker .ui-dialog-titlebar-close{background:none !important;border:none !important;color: #e2e2e2; opacity: 0.3;font-size: 0.7em;} */
/* .loadingBlocker .ui-dialog-titlebar-close:focus{outline:none} */
/* .loadingBlocker .ui-dialog-titlebar{padding:0.3em !important} */
.ui-tooltip-content {font-size:0.7em !important; font-family:Arial,verdana,sans-serif !important;color:#555 !important;font-weight:bold;}
.ui-widget{font-family:Roboto,Helvetica,Arial,sans-serif}
/*--New combo box component--*/
.typeC .formDiv input.ui-combobox-input,.typeD table td input.ui-combobox-input{width:100% !important;border:1px solid #becad5;background:#fff;text-indent: 0.2em;border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.typeD table td input.ui-combobox-input:disabled{background:#eee}
/* .typeJ input.ui-combobox-input, .typeF input.ui-combobox-input, .sortBar input.ui-combobox-input{font-size:0.95em  !important;height:16px;padding-left:5px !important;font-family:inherit !important;} */
/* .typeJ .alignLeft input.ui-combobox-input:focus{background:#fff;border:1px solid #ccc} */
.typeF input.ui-combobox-input {background:#fff; border:1px solid #BECAD5; color:#555;font-weight:normal;margin:0;border-top-right-radius:5px; border-bottom-right-radius:5px;font-size:1em;}
.typeF span.ui-widget, .typeF span.ui-combobox {padding:0 !important;margin:0;font-size:inherit}
/* .typeJ .alignLeft input.ui-combobox-input{background:transparent;font-family:Arial,verdana,sans-serif !important;font-weight:600;color:#555;border:1px solid transparent;font-size:1em !important} */
/*.typeJ .alignLeft input.ui-combobox-input:hover{cursor:pointer;background:#fff;border:1px solid #ccc;}*/
/* .typeJ .alignLeft span.ui-widget:hover input.ui-combobox-input{cursor:pointer;background:#fff;border:1px solid #ccc;} */
.typeF span.ui-widget{float:left;margin-right:10px;}
/* .typeC .formDiv .ui-combobox .custom-combobox-toggle,.typeD table td .ui-combobox .custom-combobox-toggle, .typeJ .ui-combobox .custom-combobox-toggle, .typeF .ui-combobox .custom-combobox-toggle, .sortBar .ui-combobox .custom-combobox-toggle{height:18px;margin-left:-1.5em;width:1.5em;margin-right:0 !important;}
.typeD table td .ui-combobox .custom-combobox-toggle, .typeJ .ui-combobox .custom-combobox-toggle {vertical-align: middle;}
.typeJ .ui-combobox .custom-combobox-toggle, .sortBar .ui-combobox .custom-combobox-toggle, .typeF .ui-combobox .custom-combobox-toggle{margin-top:-2px;height:18px}
.typeJ .alignLeft .ui-combobox .custom-combobox-toggle span.ui-icon{background: transparent url("/infra/images/toolbar_find.png?version=March2018") no-repeat scroll;background-size: 15px;}
.typeJ .alignLeft .ui-combobox .custom-combobox-toggle{background:transparent; border:none}
.typeF .ui-combobox .custom-combobox-toggle{margin-top:-4px;overflow:hidden}
.typeC .formDiv input[type="text"]:disabled.ui-combobox-input, .typeD table td input[type="text"]:disabled.ui-combobox-input{background:none;} */
/* .ui-combobox-ul.ui-autocomplete li.ui-autocomplete-category{color:#555;font-weight:bold;display:block;line-height:2em;} */
/* .ui-combobox-ul.ui-autocomplete li.ui-menu-item{min-height:2em;white-space: nowrap;} */
/* .ui-combobox-ul.ui-autocomplete li.ui-menu-item a{min-height:2em;text-decoration:none} */
/* .ui-combobox-ul.ui-autocomplete li.ui-state-focus{border-radius:0;border:none;margin:0;} */
/*ul.ui-autocomplete li.ui-state-focus a{color:#fff;}
ul.smallText li.ui-menu-item{font-size:0.7em; line-height:1em; height:0.7em; letter-spacing:auto; white-space: nowrap;}
ul.ui-autocomplete{border:1px solid #becad5;box-shadow: 0 7px 8px rgba(0, 0, 0, 0.08);max-height:40%;overflow-y:auto;z-index:10000} */
/* .ui-autocomplete-loading {background: url("/infra/images/jquery-ui/ui-anim_basic_16x16.gif?version=March2018") no-repeat scroll right 48px center white !important;} */
/* .ui-autocomplete-loading-error {background: url("/infra/branding/icons/icon_error.png?version=March2018") no-repeat scroll right 48px center white !important;} */
/**duplicate styles for combobox to be used for not page generator fields**/
.comboContainer input.ui-combobox-input{width:98% !important;border:1px solid #becad5;background:#fff;text-indent: 0.2em;border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.comboContainer .ui-combobox{display:block;}
.comboContainer .ui-combobox .custom-combobox-toggle{height:18px;margin-left:-1.5em;width:1.5em;margin-right:0 !important;top:-2px;vertical-align: middle;}
/* ----------------END JQUERY-UI OVERRRIDE ------------*/

/*---------------ALMA DEVELOPERS OPEN PLATFORM-----------------*/
.DevelopersContainer {display:table;margin-left:auto;margin-right:auto;width:98%;border:1px solid #dddddd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.DevelopersNav { display:table-cell; width:13em;border-right:1px solid #dddddd; vertical-align:top; }
.DevelopersNavHeader { height:60px; text-align:center;border-bottom:1px solid #dddddd;}
.DevelopersNavHeader img { margin-left:auto; margin-right:auto; margin-top:0.2em;}
.DevelopersNav ul { list-style-type:none; margin-bottom:3em;min-height:30em; }
.DevelopersNav ul li {  background-image:url(/infra/images/openplatform/bg_strip_developers_nav.png?version=March2018); background-repeat:repeat-x;height:auto; font-weight:bold; font-size:90%; text-indent:1em; line-height:230%; }
.DevelopersNav ul li a {text-decoration:none;}
.DevelopersNav ul li > a:hover {text-decoration:none;}
.DevelopersNav ol  { padding-top:0.3em; padding-bottom:0.4em;border-bottom:1px solid #dddddd; }
.DevelopersNav ol > li {list-style-type:none; background-image:none; border:none;font-weight:normal; height:auto; line-height:180%; background-image:url(/infra/images/openplatform/icon_arrow.png?version=March2018); background-repeat:no-repeat; background-position:0% 50%; text-indent:0em; padding-left:1em; list-style-position:inside;margin-left:1em}
.DevelopersNav ol > li > a {text-decoration:none;}
.DevelopersNav ol > li a:hover {text-decoration:underline;}

.DevelopersCotent { display:table-cell;vertical-align:top;/*min-width:780px;*/}
/*.DevelopersContentHeader { height:60px;vertical-align:middle; }*/
/*for default message*/
.DevelopersContentHeader > div {border:1px solid #dddddd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; height:54px; margin-bottom:1.5em;background:url(/infra/images/openplatform/bg_strip_developers_item_grey.png?version=March2018);max-width:500px;margin:5%;padding:20px;}
.DevelopersContentHeader > div > img{position:absolute;}
.DevelopersContentHeader > div > h2 {font-weight:bold; font-size:100%; padding-left:2em;line-height:400%;margin-left:100px;}
/***/
.DevelopersContentHeader h2 {font-weight:bold; font-size:100%; padding-left:2em;line-height:400%;}
.DevelopersCotent ul { list-style-type:none; width:90%; margin-left:2em; margin-bottom:2em;}
.DevelopersCotent ul > li { list-style-type:none; border:1px solid #dddddd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; height:94px; margin-bottom:1.5em;background:url(/infra/images/openplatform/bg_strip_developers_item_grey.png?version=March2018);}
.DevelopersCotent ul > li > .devstrip {width:2em; margin-right:1em; height:94px; float:left;clear:both;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.DevelopersCotent ul > li > h3 {font-weight:bold; font-size:90%; margin-top:0.6em; line-height:100%;}
.DevelopersCotent ul > li >  p {font-size:90%; margin-top:0.3em; width:90%;}
.DevelopersCotent ul > li > ol {list-style-type:none;font-size:90%; margin-top:0.5em;}
.DevelopersCotent ul > li > ol > li { display:inline; line-height:200%; margin-right:3em; padding-right:1.5em;}
/*---------------END ALMA DEVELOPERS---------------------------*/


/*-------------- BREADCRUMB STYLES---------------------------- */
.breadCrumb {margin: 0; padding: 0;	display: block; height: 21px; overflow: hidden; padding:5px; background:#fff;}
.breadCrumb ul {margin: 0; padding: 0; height: 21px; display: block;}
.breadCrumb ul li{display: block;float: left;position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em;background: url(/infra/images/breadcrumbs/Chevron.gif) no-repeat 100% 0;}
.breadCrumb ul li div.chevronOverlay{position: absolute; right: 0; top: 0; z-index: 2;}
.breadCrumb ul li span{display: block; overflow: hidden;}
.breadCrumb ul li a{display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden;float: left;}
.breadCrumb ul li.first a{height: 16px !important; text-indent:-1000em; width:16px;	padding: 0;	margin-top: 2px; overflow: hidden; background:url(/infra/images/folder-open-image.png) no-repeat 0 0;}
.breadCrumb ul li.first a:hover{-16px;}
.breadCrumb ul li.last{background: none; margin-right: 0; padding-right: 0;font-weight:bold;}
.chevronOverlay{display: none; background: url(/infra/images/breadcrumbs/ChevronOverlay.png) no-repeat 100% 0; width: 13px;	height: 20px;}


/*--------------- LOG CONSOLE ---------------------------------- */
.log4jconsole {z-index: 999;position:fixed;bottom:5px;left:5px;background:#fff;width:95%;height:200px;padding:15px;margin:10px;overflow:auto;border:1px solid #dddddd;white-space: nowrap;line-height: 21px;}
.log4jconsole blockquote {margin:0px 0px 0px 0px;}
.log4jconsoleclose {position:fixed;bottom:215px;left:18px;cursor:pointer;line-height: 21px;font-weight:bold;height:21px;width:21px;background:#dddddd;border:1px solid #dddddd;text-align: center;}
.log4jconsolerefresh {position:fixed;bottom:215px;left:45px;cursor:pointer;line-height: 21px;font-weight:bold;height:21px;width:21px;background:#dddddd;border:1px solid #dddddd;text-align: center;}
.log4jconsoleopen {z-index: 999;position:fixed;bottom:15px;left:18px;cursor:pointer;line-height: 21px;font-weight:bold;height:21px;width:21px;background:#dddddd;border:1px solid #dddddd;text-align: center;}
.log4jconsoleSelectAll {position:fixed;bottom:215px;left:72px;cursor:pointer;line-height: 21px;font-weight:bold;height:21px;width:21px;background:#dddddd;border:1px solid #dddddd;text-align: center;}
/*--------------- END LOG CONSOLE ---------------------------------- */

.recordAlert {color:#0066FF; display:inline-block; font-weight:bold; margin-right:0.3em;text-align: right;}


/*--------------- MOBILE LOGIN PAGE ---------------------------------- */
	.login-card {box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);width: 260px; padding: 20px 20px; margin: 0 auto 20px;background-color: #f7f7f7;border-radius:2px;text-align:center;margin-top:20px;}
	.login-card input[type=submit] {line-height: 36px;font-weight: 700;width: 100%;display: block;margin:0 auto;position: relative; display: block;margin-top: 20px;position: relative;height:36px;font-size:16px;color: #fff;background-color: #4F8EF7;border-color: #377ef6;}
	.login-card input[type=text], .login-card input[type=password] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 45px;font-size: 16px;width: 90%;border: 2px solid #E1E5ED;padding: 0 8px;    width: 100%;display: block;margin-bottom: 15px;position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;    padding: 0 8px;background: #fff;border: 1px solid #d9d9d9;border-top: 1px solid #c0c0c0;}
	.login-card input[type=text]:focus, .login-card input[type=password]:focus {border: 2px solid #b9b9b9;}
	.login {text-align: center;font-size: 14px;font-family: 'Arial', sans-serif;font-weight: 700;height: 36px;padding: 0 8px;}
	.login-submit {border: 0px;color: #fff;font-size:24px;}
	.login-submit:hover {border: 0px;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #357ae8;}
	.login-card a {text-decoration: none;color: #666;font-weight: 400;text-align: center;display: inline-block;opacity: 0.6;transition: opacity ease 0.5s;}
	.login-card a:hover {opacity: 1;}
	.login-help {width: 100%;text-align: center;font-size: 12px;}
	.MobileLoginError { color: #FF0000; font-size: 100%;font-weight:bold;margin-bottom:15px;}
	#loader{margin: 0 auto;width:80px; }
/*---------------END MOBILE LOGIN PAGE ---------------------------------- */

.historyMenuContainer * { padding:0; margin:0; }
.historyMenuContainer { margin:0 !important; position: absolute; background-color: white; top: 18px; width: 99.8% !important; border: 1px solid #ccc; border-radius:5px; z-index: 10; box-shadow: 0 5px 5px #aaa; opacity:0; max-height:0; overflow: hidden; transition: opacity 0.1s linear 0.5s, max-height 0.4s ease; font-size: 0.94em; left: -1.25px; min-height: 0 !important; }
.historyMenuContainer.visibleTrans { opacity:1; max-height:200px; transition: max-height 0.4s ease; }
.historyMenuContainer.visibleTrans.loading { max-height:22px; font-weight: bold }
.historyMenuContainer .header { background-color: grey; color:white; border-radius:5px 5px 0 0; width: 100%; }
.historyMenuContainer .header > h4 { padding:2px 5px; }
.historyMenuContainer.loading .header { background:white url("/infra/images/load_icon.gif?version=March2018") no-repeat scroll 50% center / 24px auto; }
.historyMenuContainer.loading .header > h4 { display: hidden; }
.historyMenuContainer ul.historyMenu { list-style-type: none; padding:1px; width: 100%; padding:0; margin: 0; width: 100%; text-align: left }
.historyMenuContainer ul.historyMenu > li:not(.header) { padding: 2px 5px; transition: box-shadow 0.2s; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.historyMenuContainer ul.historyMenu > li:not(last) { border-bottom: 1px solid #eee; }
.historyMenuContainer ul.historyMenu > li.historySelection.currentSelection  { color:#fff; background:#2c4d82; cursor: pointer; }
span.pickupHistoryDropdownIcon { position: absolute; left: 100%; margin-left: -3.5em; top: 1px; border: 0px none; opacity: 0; transition: opacity 0.2s linear; }
span.pickupHistoryDropdownIconWhenSelected { margin-left: -5.5em; }
input.fieldWithIcon:not([disabled]):hover + span.pickupHistoryDropdownIcon { opacity: 0.5; }
input.fieldWithIcon:not([disabled]) + span.pickupHistoryDropdownIcon:hover { opacity: 0.8; cursor: pointer; }
span.pickupHistoryDropdownIcon:active { opacity: 1; }
/* #iframePopup { top: 5%; background-color: white; border: 0px none; z-index: 999; position: fixed; width: 75%; height: 768px; margin: 1% auto 0px 10%; box-shadow: 0px 0px 20px 5px grey; border-radius: 5px; border: 5px solid #ccc; } */
/* #iframePopup #iframePopupClose { position: absolute; background-color: grey; border-radius: 100%; left: 99%; z-index: 999; font-weight: bolder; cursor: pointer; color: white; padding: 2px 8px 4px; border: 3px solid white; box-shadow: 0px 0px 2px black; top: -20px; } */
/* #iframePopup #iframePopupClose:after { content: 'x'; } */
#iframePopup #iframePopupOverlay { opacity: 1; height: 100%; width: 100%; background-color: #fff; }
#iframePopup iframe { border: 0px none; width: 100%; height: 100%; }
/* #iframePopup .loader { top: 25%; color: #aaa; font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 72px auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease; animation: load6 1.7s infinite ease; } */
@-webkit-keyframes load6{0%{-webkit-transform:rotate(0);transform:rotate(0);box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}
@keyframes load6{0%{-webkit-transform:rotate(0);transform:rotate(0);box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}

.MegaContent a:hover{color:#1b3c72 !important}